Add loader when launching an AI request

Don't show in changelog

.circleci/config.yml

@@ -13,8 +13,9 @@ orbs:
   aws-cli: circleci/aws-cli@2.0.6
   macos: circleci/macos@2.5.1 # For Rosetta (see below)
   node: circleci/node@5.2.0 # For a recent npm version (see below)
+  win: circleci/windows@5.1.0
 jobs:
-  # Build the **entire** app for macOS.
+  # Build the **entire** app for macOS (including the GDevelop.js library).
   build-macos:
     macos:
       xcode: 14.2.0
@@ -46,9 +47,9 @@ jobs:
       # GDevelop.js dependencies
       - restore_cache:
           keys:
-            - gd-macos-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}
+            - gd-macos-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}-{{ checksum "GDJS/package-lock.json" }}
             # fallback to using the latest cache if no exact match is found
-            - gd-macos-nodejs-dependencies---
+            - gd-macos-nodejs-dependencies-
 
       - run:
           name: Install GDevelop.js dependencies
@@ -69,7 +70,8 @@ jobs:
             - newIDE/electron-app/node_modules
             - newIDE/app/node_modules
             - GDevelop.js/node_modules
-          key: gd-macos-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}
+            - GDJS/node_modules
+          key: gd-macos-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}-{{ checksum "GDJS/package-lock.json" }}
 
       # Build GDevelop IDE (seems like we need to allow Node.js to use more space than usual)
       # Note: Code signing is done using CSC_LINK (see https://www.electron.build/code-signing).
@@ -94,7 +96,7 @@ jobs:
           name: Deploy to S3 (latest)
           command: export PATH=~/.local/bin:$PATH && aws s3 sync newIDE/electron-app/dist s3://gdevelop-releases/$(git rev-parse --abbrev-ref HEAD)/latest/
 
-  # Build the **entire** app for Linux.
+  # Build the app for Linux (using a pre-built GDevelop.js library).
   build-linux:
     # CircleCI docker workers are failing if they don't have enough memory (no swap)
     resource_class: xlarge
@@ -107,51 +109,33 @@ jobs:
       - checkout
       - aws-cli/setup
 
-      # System dependencies (for Electron Builder and Emscripten)
+      # System dependencies (for Electron Builder)
       - run:
-          name: Install dependencies for Emscripten
-          command: sudo apt-get update && sudo apt install cmake
-
-      - run:
-          name: Install Python3 dependencies for Emscripten
-          command: sudo apt install python-is-python3 python3-distutils -y
-
-      - run:
-          name: Install Emscripten (for GDevelop.js)
-          command: git clone https://github.com/juj/emsdk.git && cd emsdk && ./emsdk install 3.1.21 && ./emsdk activate 3.1.21 && cd ..
+          name: Update system dependencies
+          command: sudo apt-get update
 
       - run:
           name: Install system dependencies for Electron builder
           command: sudo apt install icnsutils && sudo apt install graphicsmagick && sudo apt install rsync
 
-      # GDevelop.js dependencies
       - restore_cache:
           keys:
-            - gd-linux-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}
+            - gd-linux-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}-{{ checksum "GDJS/package-lock.json" }}
             # fallback to using the latest cache if no exact match is found
-            - gd-linux-nodejs-dependencies---
+            - gd-linux-nodejs-dependencies-
 
-      - run:
-          name: Install GDevelop.js dependencies and build it
-          command: cd GDevelop.js && npm install && cd ..
-
-      # Build GDevelop.js (and run tests to ensure it works)
-      - run:
-          name: Build GDevelop.js
-          # Use "--runInBand" as it's faster and avoid deadlocks on CircleCI Linux machines (probably because limited in processes number).
-          command: cd GDevelop.js && source ../emsdk/emsdk_env.sh && npm run build && npm test -- --runInBand && cd ..
-
-      # GDevelop IDE dependencies (after building GDevelop.js to avoid downloading a pre-built version)
+      # GDevelop IDE dependencies (using an exact version of GDevelop.js, built previously)
       - run:
           name: Install GDevelop IDE dependencies
-          command: cd newIDE/app && npm install && cd ../electron-app && npm install
+          command: export REQUIRES_EXACT_LIBGD_JS_VERSION=true && cd newIDE/app && npm install && cd ../electron-app && npm install
 
       - save_cache:
           paths:
             - newIDE/electron-app/node_modules
             - newIDE/app/node_modules
             - GDevelop.js/node_modules
-          key: gd-linux-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}
+            - GDJS/node_modules
+          key: gd-linux-nodejs-dependencies-{{ checksum "newIDE/app/package.json" }}-{{ checksum "newIDE/electron-app/package.json" }}-{{ checksum "GDevelop.js/package.json" }}-{{ checksum "GDJS/package-lock.json" }}
 
       # Build GDevelop IDE (seems like we need to allow Node.js to use more space than usual)
       - run:
@@ -295,14 +279,203 @@ jobs:
           name: Deploy to S3 (specific commit)
           command: aws s3 sync Binaries/embuild/GDevelop.js s3://gdevelop-gdevelop.js/$(git rev-parse --abbrev-ref HEAD)/variant/debug-sanitizers/commit/$(git rev-parse HEAD)/
 
+  # Trigger AppVeyor build, which also does a Windows build (keep it for redundancy).
+  trigger-appveyor-windows-build:
+    docker:
+      - image: cimg/node:16.13
+    steps:
+      - run:
+          name: Trigger AppVeyor Windows build
+          command: |
+            curl -H "Content-Type: application/json" \
+                 -H "Authorization: Bearer ${APPVEYOR_API_KEY}" \
+                 --data "{
+                   \"accountName\": \"4ian\",
+                   \"projectSlug\": \"gdevelop\",
+                   \"branch\": \"${CIRCLE_BRANCH}\"
+                 }" \
+                 -X POST https://ci.appveyor.com/api/builds
+
+  build-windows:
+    executor:
+      name: win/default
+      size: medium
+    working_directory: /home/circleci/project
+    steps:
+      - checkout
+      - run:
+          # See https://www.ssl.com/how-to/how-to-integrate-esigner-cka-with-ci-cd-tools-for-automated-code-signing/
+          #
+          # This is necessary because of "signing to be FIPS-140 compliant". See
+          # https://github.com/electron-userland/electron-builder/issues/6158
+          #
+          # Make sure to DISABLE "malware blocker" in SSL.com to avoid errors like:
+          # Error information: "Error: SignerSign() failed." (-2146893821/0x80090003)
+          name: Download and Unzip eSignerCKA Setup
+          command: |
+
+            Invoke-WebRequest -OutFile eSigner_CKA_1.0.3.zip "https://www.ssl.com/download/ssl-com-esigner-cka-1-0-3"
+
+            Expand-Archive -Force eSigner_CKA_1.0.3.zip
+
+            Remove-Item eSigner_CKA_1.0.3.zip
+
+            Move-Item -Destination "eSigner_CKA_1.0.3.exe" -Path "eSigner_CKA_*\*.exe"
+      - run:
+          name: Setup eSignerCKA in Silent Mode
+          command: |
+
+            mkdir -p "/home/circleci/project/eSignerCKA"
+
+            ./eSigner_CKA_1.0.3.exe /CURRENTUSER /VERYSILENT /SUPPRESSMSGBOXES /DIR="/home/circleci/project/eSignerCKA" | Out-Null
+      - run:
+          name: Config Account Information on eSignerCKA
+          command: |
+
+            /home/circleci/project/eSignerCKA/eSignerCKATool.exe config -mode product -user "$env:ESIGNER_USER_NAME" -pass "$env:ESIGNER_USER_PASSWORD" -totp "$env:ESIGNER_USER_TOTP" -key "/home/circleci/project/eSignerCKA/master.key" -r
+      - run:
+          name: Load Certificate into Windows Store
+          command: |
+
+            /home/circleci/project/eSignerCKA/eSignerCKATool.exe unload
+
+            /home/circleci/project/eSignerCKA/eSignerCKATool.exe load
+      - run:
+          name: Select Certificate From Windows Store and Sign Sample File with SignTool
+          command: |
+
+            $CodeSigningCert = Get-ChildItem Cert:\CurrentUser\My -CodeSigningCert | Select-Object -First 1
+
+            echo Certificate: $CodeSigningCert
+
+      - restore_cache:
+          name: Restore node_modules cache
+          keys:
+            - v1-win-node-{{ checksum "newIDE/app/package-lock.json" }}-{{ checksum "newIDE/electron-app/package-lock.json" }}-{{ checksum "GDJS/package-lock.json" }}
+            - v1-win-node-
+
+      - run:
+          name: Install dependencies
+          no_output_timeout: 25m
+          # Remove package-lock.json because they seems to cause the npm install to be stuck. We should try again after re-generating them.
+          # Also install setuptools as something requires distutils in electron-app, and it was removed in Python 3.12.
+          # setuptools will make distutils available again (but we should migrate our packages probably).
+          command: |
+            pip install setuptools
+
+            cd newIDE\app
+
+            npm -v
+
+            Remove-Item package-lock.json
+            
+            $Env:REQUIRES_EXACT_LIBGD_JS_VERSION = "true"
+
+            npm install
+
+            cd ..\electron-app
+
+            Remove-Item package-lock.json
+
+            npm install
+
+            cd ..\..
+
+      - save_cache:
+          name: Save node_modules cache
+          key: v1-win-node-{{ checksum "newIDE/app/package-lock.json" }}-{{ checksum "newIDE/electron-app/package-lock.json" }}-{{ checksum "GDJS/package-lock.json" }}
+          paths:
+            - newIDE/app/node_modules
+            - newIDE/electron-app/node_modules
+            - GDJS/node_modules
+
+      - run:
+          name: Build NSIS executable (with code signing)
+          command: |
+            cd newIDE\electron-app
+
+            $CodeSigningCert = Get-ChildItem Cert:\CurrentUser\My -CodeSigningCert | Select-Object -First 1
+
+            echo Certificate: $CodeSigningCert
+
+            # Use a custom signtool path because of the signtool.exe bundled withy electron-builder not working for some reason.
+            # Can also be found in versioned folders like "C:/Program Files (x86)/Windows Kits/10/bin/10.0.22000.0/x86/signtool.exe".
+            # or "C:\Program Files (x86)\Windows Kits\10\bin\10.0.22621.0\x86\signtool.exe".
+
+            $Env:SIGNTOOL_PATH = "C:\Program Files (x86)\Windows Kits\10\App Certification Kit\signtool.exe"
+
+            # Extract thumbprint and subject name of the certificate (will be passed to electron-builder).
+
+            $Env:GD_SIGNTOOL_THUMBPRINT = $CodeSigningCert.Thumbprint
+
+            $Env:GD_SIGNTOOL_SUBJECT_NAME = ($CodeSigningCert.Subject -replace ", ?", "`n" | ConvertFrom-StringData).CN
+
+            # Build the nsis installer (signed: electron-builder will use SignTool.exe with the certificate)
+
+            node scripts/build.js --win nsis --publish=never
+
+            cd ..\..
+      - run:
+          name: Build AppX (without code signing)
+          # Don't sign the appx (it will be signed by the Microsoft Store).
+          command: |
+            cd newIDE\electron-app
+
+            # Build the appx (not signed). Ensure all variables used for code signing are empty.
+
+            $Env:GD_SIGNTOOL_THUMBPRINT = ''
+
+            $Env:GD_SIGNTOOL_SUBJECT_NAME = ''            
+            
+            $Env:CSC_LINK = ''
+            
+            $Env:CSC_KEY_PASSWORD = ''
+
+            node scripts/build.js --skip-app-build --win appx --publish=never
+
+            cd ..\..
+
+      - run:
+          name: Clean binaries
+          shell: cmd.exe
+          command: |
+            rmdir /s /q newIDE\electron-app\dist\win-unpacked
+
+      - run:
+          name: Install AWS CLI
+          command: |
+            # Install the CLI for the current user
+            
+            pip install --quiet --upgrade --user awscli
+            
+            # Add the user-Scripts dir to PATH for this step and the next.
+            
+            $binDir = (python -m site --user-base) + "\Scripts"
+            $Env:Path += ";$binDir"
+
+            # Sanity check:
+            aws --version  
+
+      # Upload artifacts (S3)
+      - run:
+          name: Deploy to S3 (specific commit)
+          command: |
+            aws s3 sync newIDE\electron-app\dist "s3://gdevelop-releases/$Env:CIRCLE_BRANCH/commit/$Env:CIRCLE_SHA1/"
+
+      - run:
+          name: Deploy to S3 (latest)
+          command: |
+            aws s3 sync newIDE\electron-app\dist "s3://gdevelop-releases/$Env:CIRCLE_BRANCH/latest/"
+
+      # Upload artifacts (CircleCI)
+      - store_artifacts:
+          path: newIDE/electron-app/dist
+
 workflows:
-  gdevelop_js-wasm:
-    jobs:
-      - build-gdevelop_js-wasm-only
   gdevelop_js-wasm-extra-checks:
     jobs:
       - build-gdevelop_js-debug-sanitizers-and-extra-checks:
-          # Extra checks are resource intensive so don't all run them.
+          # Extra checks are resource intensive so don't always run them.
           filters:
             branches:
               only:
@@ -310,13 +483,36 @@ workflows:
                 - /experimental-build.*/
   builds:
     jobs:
+      - build-gdevelop_js-wasm-only
       - build-macos:
+          # The macOS version builds by itself GDevelop.js
+          # (so we verify we can build it on macOS).
+          # requires:
+          #   - build-gdevelop_js-wasm-only
           filters:
             branches:
               only:
                 - master
                 - /experimental-build.*/
       - build-linux:
+          requires:
+            - build-gdevelop_js-wasm-only
+          filters:
+            branches:
+              only:
+                - master
+                - /experimental-build.*/
+      - build-windows:
+          requires:
+            - build-gdevelop_js-wasm-only
+          filters:
+            branches:
+              only:
+                - master
+                - /experimental-build.*/
+      - trigger-appveyor-windows-build:
+          requires:
+            - build-gdevelop_js-wasm-only
           filters:
             branches:
               only:

Core/GDCore/Events/Builtin/GroupEvent.cpp

@@ -61,10 +61,12 @@ void GroupEvent::UnserializeFrom(gd::Project& project,
       project, events, element.GetChild("events"));
 
   parameters.clear();
-  gd::SerializerElement& parametersElement = element.GetChild("parameters");
-  parametersElement.ConsiderAsArrayOf("parameters");
-  for (std::size_t i = 0; i < parametersElement.GetChildrenCount(); ++i)
-    parameters.push_back(parametersElement.GetChild(i).GetValue().GetString());
+  if (element.HasChild("parameters")) {
+    gd::SerializerElement& parametersElement = element.GetChild("parameters");
+    parametersElement.ConsiderAsArrayOf("parameters");
+    for (std::size_t i = 0; i < parametersElement.GetChildrenCount(); ++i)
+      parameters.push_back(parametersElement.GetChild(i).GetValue().GetString());
+  }
 }
 
 void GroupEvent::SetBackgroundColor(unsigned int colorR_,

Core/GDCore/Events/Builtin/LinkEvent.cpp

@@ -163,6 +163,21 @@ void LinkEvent::UnserializeFrom(gd::Project& project,
   // end of compatibility code
 }
 
+vector<gd::String> LinkEvent::GetAllSearchableStrings() const {
+  vector<gd::String> allSearchableStrings;
+
+  allSearchableStrings.push_back(target);
+
+  return allSearchableStrings;
+}
+
+bool LinkEvent::ReplaceAllSearchableStrings(
+    std::vector<gd::String> newSearchableString) {
+  if (newSearchableString[0] == target) return false;
+  SetTarget(newSearchableString[0]);
+  return true;
+}
+
 bool LinkEvent::AcceptVisitor(gd::EventVisitor &eventVisitor) {
   return BaseEvent::AcceptVisitor(eventVisitor) ||
          eventVisitor.VisitLinkEvent(*this);

Core/GDCore/Events/Builtin/LinkEvent.h

@@ -109,6 +109,10 @@ class GD_CORE_API LinkEvent : public gd::BaseEvent {
 
   virtual bool IsExecutable() const override { return true; };
 
+  virtual std::vector<gd::String> GetAllSearchableStrings() const override;
+  virtual bool ReplaceAllSearchableStrings(
+      std::vector<gd::String> newSearchableString) override;
+
   virtual void SerializeTo(SerializerElement& element) const override;
   virtual void UnserializeFrom(gd::Project& project,
                                const SerializerElement& element) override;

Core/GDCore/Events/Event.h

@@ -286,6 +286,20 @@ class GD_CORE_API BaseEvent {
    * \brief True if the event should be folded in the events editor.
    */
   bool IsFolded() const { return folded; }
+
+  /**
+   * \brief Set the AI generated event ID.
+   */
+  void SetAiGeneratedEventId(const gd::String& aiGeneratedEventId_) {
+    aiGeneratedEventId = aiGeneratedEventId_;
+  }
+
+  /**
+   * \brief Get the AI generated event ID.
+   */
+  const gd::String& GetAiGeneratedEventId() const {
+    return aiGeneratedEventId;
+  }
   ///@}
 
   std::weak_ptr<gd::BaseEvent>
@@ -304,6 +318,7 @@ class GD_CORE_API BaseEvent {
   bool disabled;    ///< True if the event is disabled and must not be executed
   gd::String type;  ///< Type of the event. Must be assigned at the creation.
                     ///< Used for saving the event for instance.
+  gd::String aiGeneratedEventId;  ///< When generated by an AI/external tool.
 
   static gd::EventsList badSubEvents;
   static gd::VariablesContainer badLocalVariables;

Core/GDCore/Events/Serialization.cpp

@@ -221,6 +221,8 @@ void EventsListSerialization::UnserializeEventsFrom(
 
     event->SetDisabled(eventElem.GetBoolAttribute("disabled", false));
     event->SetFolded(eventElem.GetBoolAttribute("folded", false));
+    event->SetAiGeneratedEventId(
+        eventElem.GetStringAttribute("aiGeneratedEventId", ""));
 
     list.InsertEvent(event, list.GetEventsCount());
   }
@@ -236,6 +238,8 @@ void EventsListSerialization::SerializeEventsTo(const EventsList& list,
     if (event.IsDisabled())
       eventElem.SetAttribute("disabled", event.IsDisabled());
     if (event.IsFolded()) eventElem.SetAttribute("folded", event.IsFolded());
+    if (!event.GetAiGeneratedEventId().empty())
+      eventElem.SetAttribute("aiGeneratedEventId", event.GetAiGeneratedEventId());
     eventElem.AddChild("type").SetValue(event.GetType());
 
     event.SerializeTo(eventElem);

Core/GDCore/Extensions/PlatformExtension.cpp

@@ -779,6 +779,26 @@ gd::String PlatformExtension::GetBehaviorFullType(
   return extensionName + separator + behaviorName;
 }
 
+gd::String PlatformExtension::GetExtensionFromFullBehaviorType(
+    const gd::String& type) {
+  const auto separatorIndex =
+      type.find(PlatformExtension::GetNamespaceSeparator());
+  if (separatorIndex == std::string::npos) {
+    return "";
+  }
+  return type.substr(0, separatorIndex);
+}
+
+gd::String PlatformExtension::GetBehaviorNameFromFullBehaviorType(
+    const gd::String& type) {
+  const auto separatorIndex =
+      type.find(PlatformExtension::GetNamespaceSeparator());
+  if (separatorIndex == std::string::npos) {
+    return "";
+  }
+  return type.substr(separatorIndex + 2);
+}
+
 gd::String PlatformExtension::GetObjectEventsFunctionFullType(
     const gd::String& extensionName,
     const gd::String& objectName,

Core/GDCore/Extensions/PlatformExtension.h

@@ -651,6 +651,10 @@ class GD_CORE_API PlatformExtension {
   static gd::String GetBehaviorFullType(const gd::String& extensionName,
                                         const gd::String& behaviorName);
 
+  static gd::String GetExtensionFromFullBehaviorType(const gd::String& type);
+
+  static gd::String GetBehaviorNameFromFullBehaviorType(const gd::String& type);
+
   static gd::String GetObjectEventsFunctionFullType(
       const gd::String& extensionName,
       const gd::String& objectName,

Core/GDCore/IDE/WholeProjectRefactorer.cpp

@@ -1781,6 +1781,14 @@ void WholeProjectRefactorer::DoRenameBehavior(
   projectBrowser.ExposeFunctions(project, behaviorParameterRenamer);
 }
 
+void WholeProjectRefactorer::UpdateBehaviorsSharedData(gd::Project &project) {
+  for (std::size_t i = 0; i < project.GetLayoutsCount(); ++i) {
+    gd::Layout &layout = project.GetLayout(i);
+
+    layout.UpdateBehaviorsSharedData(project);
+  }
+}
+
 void WholeProjectRefactorer::DoRenameObject(
     gd::Project &project, const gd::String &oldObjectType,
     const gd::String &newObjectType, const gd::ProjectBrowser &projectBrowser) {

Core/GDCore/IDE/WholeProjectRefactorer.h

@@ -704,6 +704,16 @@ class GD_CORE_API WholeProjectRefactorer {
   static size_t GetLayoutAndExternalLayoutLayerInstancesCount(
       gd::Project &project, gd::Layout &layout, const gd::String &layerName);
 
+  /**
+   * This ensures that the scenes had an instance of shared data for
+   * every behavior of every object that can be used on the scene
+   * (i.e. the objects of the scene and the global objects)
+   *
+   * Must be called when a behavior have been added/deleted
+   * from a global object or an object has been made global.
+   */
+  static void UpdateBehaviorsSharedData(gd::Project &project);
+
   virtual ~WholeProjectRefactorer(){};
 
  private:

Core/GDCore/Project/EventsFunctionsExtension.cpp

@@ -83,6 +83,9 @@ void EventsFunctionsExtension::SerializeTo(SerializerElement& element, bool isEx
   element.SetAttribute("iconUrl", iconUrl);
   element.SetAttribute("helpPath", helpPath);
   element.SetAttribute("gdevelopVersion", gdevelopVersion);
+  if (changelog.GetChangesCount() > 0) {
+    changelog.SerializeTo(element.AddChild("changelog"));
+  }
   auto& dependenciesElement = element.AddChild("dependencies");
   dependenciesElement.ConsiderAsArray();
   for (auto& dependency : dependencies)
@@ -139,6 +142,9 @@ void EventsFunctionsExtension::UnserializeExtensionDeclarationFrom(
   iconUrl = element.GetStringAttribute("iconUrl");
   helpPath = element.GetStringAttribute("helpPath");
   gdevelopVersion = element.GetStringAttribute("gdevelopVersion");
+  if (element.HasChild("changelog")) {
+    changelog.UnserializeFrom(element.GetChild("changelog"));
+  }
 
   if (element.HasChild("origin")) {
     gd::String originName =

Core/GDCore/Project/EventsFunctionsExtension.h

@@ -12,9 +12,11 @@
 #include "GDCore/Project/EventsBasedBehavior.h"
 #include "GDCore/Project/EventsBasedObject.h"
 #include "GDCore/Project/EventsFunctionsContainer.h"
+#include "GDCore/Project/EventsFunctionsExtensionChangelog.h"
 #include "GDCore/Project/VariablesContainer.h"
 #include "GDCore/String.h"
 #include "GDCore/Tools/SerializableWithNameList.h"
+
 namespace gd {
 class SerializerElement;
 class Project;
@@ -406,6 +408,7 @@ class GD_CORE_API EventsFunctionsExtension {
   gd::String helpPath;  ///< The relative path to the help for this extension in
                         ///< the documentation (or an absolute URL).
   gd::String gdevelopVersion;
+  gd::EventsFunctionsExtensionChangelog changelog;
   gd::SerializableWithNameList<EventsBasedBehavior> eventsBasedBehaviors;
   gd::SerializableWithNameList<EventsBasedObject> eventsBasedObjects;
   std::vector<gd::DependencyMetadata> dependencies;

Core/GDCore/Project/EventsFunctionsExtensionChangelog.h

@@ -0,0 +1,105 @@
+/*
+ * GDevelop Core
+ * Copyright 2008-2016 Florian Rival (Florian.Rival@gmail.com). All rights
+ * reserved. This project is released under the MIT License.
+ */
+#pragma once
+
+#include <vector>
+
+#include "GDCore/Serialization/SerializerElement.h"
+#include "GDCore/String.h"
+
+namespace gd {
+
+/**
+ * @brief The change of a specific extension version (only the breaking
+ * changes).
+ */
+class GD_CORE_API EventsFunctionsExtensionVersionChange {
+public:
+  EventsFunctionsExtensionVersionChange(){};
+  virtual ~EventsFunctionsExtensionVersionChange(){};
+
+  const gd::String &GetVersion() const { return version; };
+  gd::EventsFunctionsExtensionVersionChange &
+  SetVersion(const gd::String &version_) {
+    version = version_;
+    return *this;
+  }
+
+  const gd::String &GetBreakingChangesDescription() const { return version; };
+  gd::EventsFunctionsExtensionVersionChange &
+  GetBreakingChangesDescription(const gd::String &breakingChangesDescription_) {
+    breakingChangesDescription = breakingChangesDescription_;
+    return *this;
+  }
+
+  /**
+   * \brief Serialize the EventsFunctionsExtensionVersionChange to the specified
+   * element
+   */
+  void SerializeTo(gd::SerializerElement &element) const {
+    element.SetAttribute("version", version);
+    element.AddChild("breaking")
+        .SetMultilineStringValue(breakingChangesDescription);
+  }
+
+  /**
+   * \brief Load the EventsFunctionsExtensionVersionChange from the specified
+   * element.
+   */
+  void UnserializeFrom(const gd::SerializerElement &element) {
+    version = element.GetStringAttribute("version");
+    breakingChangesDescription =
+        element.GetChild("breaking").GetMultilineStringValue();
+  }
+
+private:
+  gd::String version;
+  gd::String breakingChangesDescription;
+};
+
+/**
+ * @brief The changelog of an extension (only the breaking changes).
+ */
+class GD_CORE_API EventsFunctionsExtensionChangelog {
+public:
+  EventsFunctionsExtensionChangelog(){};
+  virtual ~EventsFunctionsExtensionChangelog(){};
+
+  /**
+   * \brief Return the number of variants.
+   */
+  std::size_t GetChangesCount() const { return versionChanges.size(); }
+
+  /**
+   * \brief Serialize the EventsFunctionsExtensionChangelog to the specified
+   * element
+   */
+  void SerializeTo(gd::SerializerElement &element) const {
+    element.ConsiderAsArray();
+    for (const auto &versionChange : versionChanges) {
+      versionChange.SerializeTo(element.AddChild(""));
+    }
+  }
+
+  /**
+   * \brief Load the EventsFunctionsExtensionChangelog from the specified
+   * element.
+   */
+  void UnserializeFrom(const gd::SerializerElement &element) {
+    versionChanges.clear();
+    element.ConsiderAsArray();
+    for (std::size_t i = 0; i < element.GetChildrenCount(); ++i) {
+      gd::EventsFunctionsExtensionVersionChange versionChange;
+      versionChange.UnserializeFrom(element.GetChild(i));
+      versionChanges.push_back(versionChange);
+    }
+  }
+
+private:
+  std::vector<gd::EventsFunctionsExtensionVersionChange> versionChanges;
+};
+
+} // namespace gd

Core/GDCore/Project/ObjectsContainersList.h

@@ -81,6 +81,11 @@ class GD_CORE_API ObjectsContainersList {
   /**
    * \brief Return the container of the variables for the specified object or
    * group of objects.
+   *
+   * \warning In most cases, prefer to use other methods to access variables or use
+   * ObjectVariableHelper::MergeVariableContainers if you know you're dealing with a group.
+   * This is because the variables container of an object group does not exist and the one from
+   * first object of the group will be returned.
    */
   const gd::VariablesContainer* GetObjectOrGroupVariablesContainer(
       const gd::String& objectOrGroupName) const;

Core/GDCore/Project/PropertyDescriptor.cpp

@@ -21,14 +21,19 @@ void PropertyDescriptor::SerializeTo(SerializerElement& element) const {
     element.AddChild("unit").SetStringValue(measurementUnit.GetName());
   }
   element.AddChild("label").SetStringValue(label);
-  element.AddChild("description").SetStringValue(description);
-  element.AddChild("group").SetStringValue(group);
-  SerializerElement& extraInformationElement =
-      element.AddChild("extraInformation");
-  extraInformationElement.ConsiderAsArray();
-  for (const gd::String& information : extraInformation) {
-    extraInformationElement.AddChild("").SetStringValue(information);
+  if (!description.empty())
+    element.AddChild("description").SetStringValue(description);
+  if (!group.empty()) element.AddChild("group").SetStringValue(group);
+
+  if (!extraInformation.empty()) {
+    SerializerElement& extraInformationElement =
+        element.AddChild("extraInformation");
+    extraInformationElement.ConsiderAsArray();
+    for (const gd::String& information : extraInformation) {
+      extraInformationElement.AddChild("").SetStringValue(information);
+    }
   }
+
   if (hidden) {
     element.AddChild("hidden").SetBoolValue(hidden);
   }
@@ -59,16 +64,21 @@ void PropertyDescriptor::UnserializeFrom(const SerializerElement& element) {
             : gd::MeasurementUnit::GetUndefined();
   }
   label = element.GetChild("label").GetStringValue();
-  description = element.GetChild("description").GetStringValue();
-  group = element.GetChild("group").GetStringValue();
+  description = element.HasChild("description")
+                    ? element.GetChild("description").GetStringValue()
+                    : "";
+  group = element.HasChild("group") ? element.GetChild("group").GetStringValue()
+                                    : "";
 
   extraInformation.clear();
-  const SerializerElement& extraInformationElement =
-      element.GetChild("extraInformation");
-  extraInformationElement.ConsiderAsArray();
-  for (std::size_t i = 0; i < extraInformationElement.GetChildrenCount(); ++i)
-    extraInformation.push_back(
-        extraInformationElement.GetChild(i).GetStringValue());
+  if (element.HasChild("extraInformation")) {
+    const SerializerElement& extraInformationElement =
+        element.GetChild("extraInformation");
+    extraInformationElement.ConsiderAsArray();
+    for (std::size_t i = 0; i < extraInformationElement.GetChildrenCount(); ++i)
+      extraInformation.push_back(
+          extraInformationElement.GetChild(i).GetStringValue());
+  }
 
   hidden = element.HasChild("hidden")
                ? element.GetChild("hidden").GetBoolValue()

Extensions/DestroyOutsideBehavior/DestroyOutsideBehavior.cpp

@@ -12,7 +12,7 @@ This project is released under the MIT License.
 #include "GDCore/Tools/Localization.h"
 
 void DestroyOutsideBehavior::InitializeContent(gd::SerializerElement& content) {
-  content.SetAttribute("extraBorder", 0);
+  content.SetAttribute("extraBorder", 300);
 }
 
 #if defined(GD_IDE_ONLY)

Extensions/DestroyOutsideBehavior/Extension.cpp

@@ -12,35 +12,42 @@ This project is released under the MIT License.
 
 void DeclareDestroyOutsideBehaviorExtension(gd::PlatformExtension& extension) {
   extension
-      .SetExtensionInformation("DestroyOutsideBehavior",
-                               _("Destroy Outside Screen Behavior"),
-                               _("This behavior can be used to destroy "
-                                 "objects when they go outside of "
-                                 "the bounds of the camera. Useful for bullets "
-                                 "or other short-lived objects."),
-                               "Florian Rival",
-                               "Open source (MIT License)")
+      .SetExtensionInformation(
+          "DestroyOutsideBehavior",
+          _("Destroy Outside Screen Behavior"),
+          _("This behavior can be used to destroy objects when they go "
+            "outside of the bounds of the 2D camera. Useful for 2D bullets or "
+            "other short-lived objects. Don't use it for 3D objects in a "
+            "FPS/TPS game or any game with a camera not being a top view "
+            "(for 3D objects, prefer comparing "
+            "the position, for example Z position to see if an object goes "
+            "outside of the bound of the map). Be careful when using this "
+            "behavior because if the object appears outside of the screen, it "
+            "will be immediately removed."),
+          "Florian Rival",
+          "Open source (MIT License)")
       .SetCategory("Game mechanic")
       .SetTags("screen")
       .SetExtensionHelpPath("/behaviors/destroyoutside");
 
   gd::BehaviorMetadata& aut =
-      extension.AddBehavior("DestroyOutside",
-                            _("Destroy when outside of the screen"),
-                            _("DestroyOutside"),
-                            _("Destroy objects automatically when they go "
-                              "outside of the screen's borders."),
-                            "",
-                            "CppPlatform/Extensions/destroyoutsideicon.png",
-                            "DestroyOutsideBehavior",
-                            std::make_shared<DestroyOutsideBehavior>(),
-                            std::shared_ptr<gd::BehaviorsSharedData>())
-                            .SetQuickCustomizationVisibility(gd::QuickCustomization::Hidden);
+      extension
+          .AddBehavior("DestroyOutside",
+                       _("Destroy when outside of the screen"),
+                       _("DestroyOutside"),
+                       _("Destroy objects automatically when they go "
+                         "outside of the 2D camera borders."),
+                       "",
+                       "CppPlatform/Extensions/destroyoutsideicon.png",
+                       "DestroyOutsideBehavior",
+                       std::make_shared<DestroyOutsideBehavior>(),
+                       std::shared_ptr<gd::BehaviorsSharedData>())
+          .SetQuickCustomizationVisibility(gd::QuickCustomization::Hidden);
 
   aut.AddCondition("ExtraBorder",
-                   _("Additional border"),
-                   _("Compare the additional border that the object must cross "
-                     "before being deleted."),
+                   _("Additional border (extra distance before deletion)"),
+                   _("Compare the extra distance (in pixels) the object must "
+                     "travel beyond the screen before it gets deleted."),
                    _("the additional border"),
                    _("Destroy outside configuration"),
                    "CppPlatform/Extensions/destroyoutsideicon24.png",
@@ -53,9 +60,9 @@ void DeclareDestroyOutsideBehaviorExtension(gd::PlatformExtension& extension) {
       .SetFunctionName("GetExtraBorder");
 
   aut.AddAction("ExtraBorder",
-                _("Additional border"),
-                _("Change the additional border that the object must cross "
-                  "before being deleted."),
+                _("Additional border (extra distance before deletion)"),
+                _("Change the extra distance (in pixels) the object must "
+                  "travel beyond the screen before it gets deleted."),
                 _("the additional border"),
                 _("Destroy outside configuration"),
                 "CppPlatform/Extensions/destroyoutsideicon24.png",

Extensions/PanelSpriteObject/panelspriteruntimeobject-pixi-renderer.ts

@@ -116,48 +116,7 @@ namespace gdjs {
 
     _updateLocalPositions() {
       const obj = this._object;
-      this._centerSprite.position.x = obj._lBorder;
-      this._centerSprite.position.y = obj._tBorder;
 
-      //Right
-      this._borderSprites[0].position.x = obj._width - obj._rBorder;
-      this._borderSprites[0].position.y = obj._tBorder;
-
-      //Top-right
-      this._borderSprites[1].position.x =
-        obj._width - this._borderSprites[1].width;
-      this._borderSprites[1].position.y = 0;
-
-      //Top
-      this._borderSprites[2].position.x = obj._lBorder;
-      this._borderSprites[2].position.y = 0;
-
-      //Top-Left
-      this._borderSprites[3].position.x = 0;
-      this._borderSprites[3].position.y = 0;
-
-      //Left
-      this._borderSprites[4].position.x = 0;
-      this._borderSprites[4].position.y = obj._tBorder;
-
-      //Bottom-Left
-      this._borderSprites[5].position.x = 0;
-      this._borderSprites[5].position.y =
-        obj._height - this._borderSprites[5].height;
-
-      //Bottom
-      this._borderSprites[6].position.x = obj._lBorder;
-      this._borderSprites[6].position.y = obj._height - obj._bBorder;
-
-      //Bottom-Right
-      this._borderSprites[7].position.x =
-        obj._width - this._borderSprites[7].width;
-      this._borderSprites[7].position.y =
-        obj._height - this._borderSprites[7].height;
-    }
-
-    _updateSpritesAndTexturesSize() {
-      const obj = this._object;
       this._centerSprite.width = Math.max(
         obj._width - obj._rBorder - obj._lBorder,
         0
@@ -167,35 +126,107 @@ namespace gdjs {
         0
       );
 
+      let leftMargin = obj._lBorder;
+      let rightMargin = obj._rBorder;
+      if (this._centerSprite.width === 0 && obj._lBorder + obj._rBorder > 0) {
+        leftMargin =
+          (obj._width * obj._lBorder) / (obj._lBorder + obj._rBorder);
+        rightMargin = obj._width - leftMargin;
+      }
+      let topMargin = obj._tBorder;
+      let bottomMargin = obj._bBorder;
+      if (this._centerSprite.height === 0 && obj._tBorder + obj._bBorder > 0) {
+        topMargin =
+          (obj._height * obj._tBorder) / (obj._tBorder + obj._bBorder);
+        bottomMargin = obj._height - topMargin;
+      }
+
       //Right
-      this._borderSprites[0].width = obj._rBorder;
+      this._borderSprites[0].width = rightMargin;
       this._borderSprites[0].height = Math.max(
-        obj._height - obj._tBorder - obj._bBorder,
+        obj._height - topMargin - bottomMargin,
         0
       );
 
       //Top
-      this._borderSprites[2].height = obj._tBorder;
+      this._borderSprites[2].height = topMargin;
       this._borderSprites[2].width = Math.max(
-        obj._width - obj._rBorder - obj._lBorder,
+        obj._width - rightMargin - leftMargin,
         0
       );
 
       //Left
-      this._borderSprites[4].width = obj._lBorder;
+      this._borderSprites[4].width = leftMargin;
       this._borderSprites[4].height = Math.max(
-        obj._height - obj._tBorder - obj._bBorder,
+        obj._height - topMargin - bottomMargin,
         0
       );
 
       //Bottom
-      this._borderSprites[6].height = obj._bBorder;
+      this._borderSprites[6].height = bottomMargin;
       this._borderSprites[6].width = Math.max(
-        obj._width - obj._rBorder - obj._lBorder,
+        obj._width - rightMargin - leftMargin,
         0
       );
+
+      //Top-right
+      this._borderSprites[1].width = rightMargin;
+      this._borderSprites[1].height = topMargin;
+
+      //Top-Left
+      this._borderSprites[3].width = leftMargin;
+      this._borderSprites[3].height = topMargin;
+
+      //Bottom-Left
+      this._borderSprites[5].width = leftMargin;
+      this._borderSprites[5].height = bottomMargin;
+
+      //Bottom-Right
+      this._borderSprites[7].width = rightMargin;
+      this._borderSprites[7].height = bottomMargin;
+
       this._wasRendered = true;
       this._spritesContainer.cacheAsBitmap = false;
+
+      const leftBorder = leftMargin;
+      const topBorder = topMargin;
+      const rightBorder = obj._width - rightMargin;
+      const bottomBorder = obj._height - bottomMargin;
+
+      this._centerSprite.position.x = leftBorder;
+      this._centerSprite.position.y = topBorder;
+
+      //Right
+      this._borderSprites[0].position.x = rightBorder;
+      this._borderSprites[0].position.y = topBorder;
+
+      //Top-right
+      this._borderSprites[1].position.x = rightBorder;
+      this._borderSprites[1].position.y = 0;
+
+      //Top
+      this._borderSprites[2].position.x = leftBorder;
+      this._borderSprites[2].position.y = 0;
+
+      //Top-Left
+      this._borderSprites[3].position.x = 0;
+      this._borderSprites[3].position.y = 0;
+
+      //Left
+      this._borderSprites[4].position.x = 0;
+      this._borderSprites[4].position.y = topBorder;
+
+      //Bottom-Left
+      this._borderSprites[5].position.x = 0;
+      this._borderSprites[5].position.y = bottomBorder;
+
+      //Bottom
+      this._borderSprites[6].position.x = leftBorder;
+      this._borderSprites[6].position.y = bottomBorder;
+
+      //Bottom-Right
+      this._borderSprites[7].position.x = rightBorder;
+      this._borderSprites[7].position.y = bottomBorder;
     }
 
     setTexture(
@@ -340,7 +371,6 @@ namespace gdjs {
           )
         )
       );
-      this._updateSpritesAndTexturesSize();
       this._updateLocalPositions();
       this.updatePosition();
       this._wrapperContainer.pivot.x = this._object._width / 2;
@@ -349,14 +379,12 @@ namespace gdjs {
 
     updateWidth(): void {
       this._wrapperContainer.pivot.x = this._object._width / 2;
-      this._updateSpritesAndTexturesSize();
       this._updateLocalPositions();
       this.updatePosition();
     }
 
     updateHeight(): void {
       this._wrapperContainer.pivot.y = this._object._height / 2;
-      this._updateSpritesAndTexturesSize();
       this._updateLocalPositions();
       this.updatePosition();
     }

Extensions/ParticleSystem/Extension.cpp

@@ -37,9 +37,9 @@ void DeclareParticleSystemExtension(gd::PlatformExtension& extension) {
         extension
             .AddObject<ParticleEmitterObject>(
                 "ParticleEmitter",
-                _("Particles emitter"),
+                _("2D particles emitter"),
                 _("Displays a large number of small 2D particles to create "
-                  "visual effects."),
+                  "visual effects in a 2D game or user interface."),
                 "CppPlatform/Extensions/particleSystemicon.png")
             .SetCategoryFullName(_("Visual effect"))
             .AddDefaultBehavior("EffectCapability::EffectBehavior");

Extensions/PlatformBehavior/PlatformerObjectBehavior.cpp

@@ -36,6 +36,7 @@ void PlatformerObjectBehavior::InitializeContent(
   behaviorContent.SetAttribute("yGrabOffset", 0);
   behaviorContent.SetAttribute("xGrabTolerance", 10);
   behaviorContent.SetAttribute("useLegacyTrajectory", false);
+  behaviorContent.SetAttribute("useRepeatedJump", false);
   behaviorContent.SetAttribute("canGoDownFromJumpthru", true);
 }
 
@@ -108,11 +109,11 @@ PlatformerObjectBehavior::GetProperties(
       .SetValue(
           gd::String::From(behaviorContent.GetDoubleAttribute("maxSpeed")));
   properties["IgnoreDefaultControls"]
-      .SetLabel(_("Default controls"))
+      .SetLabel(_("Disable default keyboard controls"))
       .SetQuickCustomizationVisibility(gd::QuickCustomization::Hidden)
       .SetValue(behaviorContent.GetBoolAttribute("ignoreDefaultControls")
-                    ? "false"
-                    : "true")
+                    ? "true"
+                    : "false")
       .SetType("Boolean");
   properties["SlopeMaxAngle"]
       .SetLabel(_("Slope max. angle"))
@@ -156,14 +157,23 @@ PlatformerObjectBehavior::GetProperties(
       .SetValue(gd::String::From(
           behaviorContent.GetDoubleAttribute("xGrabTolerance", 10)));
   properties["UseLegacyTrajectory"]
-      .SetLabel(_("Use frame rate dependent trajectories (deprecated, it's "
-                  "recommended to leave this unchecked)"))
+      .SetLabel(_("Use frame rate dependent trajectories "
+                  "(deprecated — best left unchecked)"))
       .SetGroup(_("Deprecated options"))
       .SetDeprecated()
       .SetValue(behaviorContent.GetBoolAttribute("useLegacyTrajectory", true)
                     ? "true"
                     : "false")
       .SetType("Boolean");
+  properties["UseRepeatedJump"]
+      .SetLabel(_("Allows repeated jumps while holding the jump key "
+                  "(deprecated — best left unchecked)"))
+      .SetGroup(_("Deprecated options"))
+      .SetDeprecated()
+      .SetValue(behaviorContent.GetBoolAttribute("useRepeatedJump", true)
+                    ? "true"
+                    : "false")
+      .SetType("Boolean");
   properties["CanGoDownFromJumpthru"]
       .SetLabel(_("Can go down from jumpthru platforms"))
       .SetQuickCustomizationVisibility(gd::QuickCustomization::Hidden)
@@ -180,13 +190,15 @@ bool PlatformerObjectBehavior::UpdateProperty(
     const gd::String& name,
     const gd::String& value) {
   if (name == "IgnoreDefaultControls")
-    behaviorContent.SetAttribute("ignoreDefaultControls", (value == "0"));
+    behaviorContent.SetAttribute("ignoreDefaultControls", (value == "1"));
   else if (name == "CanGrabPlatforms")
     behaviorContent.SetAttribute("canGrabPlatforms", (value == "1"));
   else if (name == "CanGrabWithoutMoving")
     behaviorContent.SetAttribute("canGrabWithoutMoving", (value == "1"));
   else if (name == "UseLegacyTrajectory")
     behaviorContent.SetAttribute("useLegacyTrajectory", (value == "1"));
+  else if (name == "UseRepeatedJump")
+    behaviorContent.SetAttribute("useRepeatedJump", (value == "1"));
   else if (name == "CanGoDownFromJumpthru")
     behaviorContent.SetAttribute("canGoDownFromJumpthru", (value == "1"));
   else if (name == "YGrabOffset")

Extensions/PlatformBehavior/platformerobjectruntimebehavior.ts

@@ -23,7 +23,6 @@ namespace gdjs {
   interface JumpingStateNetworkSyncData {
     cjs: number;
     tscjs: number;
-    jkhsjs: boolean;
     jfd: boolean;
   }
 
@@ -57,6 +56,7 @@ namespace gdjs {
     juk: boolean;
     rpk: boolean;
     rlk: boolean;
+    jkhsjs: boolean;
     sn: string;
     ssd: StateNetworkSyncData;
   }
@@ -119,6 +119,7 @@ namespace gdjs {
     private _xGrabTolerance: any;
 
     _useLegacyTrajectory: boolean;
+    _useRepeatedJump: boolean;
 
     _canGoDownFromJumpthru: boolean = false;
 
@@ -139,6 +140,7 @@ namespace gdjs {
     _upKey: boolean = false;
     _downKey: boolean = false;
     _jumpKey: boolean = false;
+    _jumpKeyHeldSinceJumpStart: boolean = false;
     _releasePlatformKey: boolean = false;
     _releaseLadderKey: boolean = false;
 
@@ -204,6 +206,10 @@ namespace gdjs {
         behaviorData.useLegacyTrajectory === undefined
           ? true
           : behaviorData.useLegacyTrajectory;
+      this._useRepeatedJump =
+        behaviorData.useRepeatedJump === undefined
+          ? true
+          : behaviorData.useRepeatedJump;
       this._canGoDownFromJumpthru = behaviorData.canGoDownFromJumpthru;
       this._slopeMaxAngle = 0;
       this.setSlopeMaxAngle(behaviorData.slopeMaxAngle);
@@ -249,6 +255,7 @@ namespace gdjs {
           juk: this._wasJumpKeyPressed,
           rpk: this._wasReleasePlatformKeyPressed,
           rlk: this._wasReleaseLadderKeyPressed,
+          jkhsjs: this._jumpKeyHeldSinceJumpStart,
           sn: this._state.toString(),
           ssd: this._state.getNetworkSyncData(),
         },
@@ -306,6 +313,9 @@ namespace gdjs {
       if (behaviorSpecificProps.rlk !== this._releaseLadderKey) {
         this._releaseLadderKey = behaviorSpecificProps.rlk;
       }
+      if (behaviorSpecificProps.jkhsjs !== this._jumpKeyHeldSinceJumpStart) {
+        this._jumpKeyHeldSinceJumpStart = behaviorSpecificProps.jkhsjs;
+      }
 
       if (behaviorSpecificProps.sn !== this._state.toString()) {
         switch (behaviorSpecificProps.sn) {
@@ -427,6 +437,11 @@ namespace gdjs {
           (inputManager.isKeyPressed(LSHIFTKEY) ||
             inputManager.isKeyPressed(RSHIFTKEY) ||
             inputManager.isKeyPressed(SPACEKEY)));
+      // Check if the jump key is continuously held since
+      // the beginning of the jump.
+      if (!this._jumpKey) {
+        this._jumpKeyHeldSinceJumpStart = false;
+      }
 
       this._ladderKey ||
         (this._ladderKey =
@@ -750,7 +765,11 @@ namespace gdjs {
     }
 
     _checkTransitionJumping() {
-      if (this._canJump && this._jumpKey) {
+      if (
+        this._canJump &&
+        this._jumpKey &&
+        (!this._jumpKeyHeldSinceJumpStart || this._useRepeatedJump)
+      ) {
         this._setJumping();
       }
     }
@@ -2270,7 +2289,6 @@ namespace gdjs {
     private _behavior: PlatformerObjectRuntimeBehavior;
     private _currentJumpSpeed: number = 0;
     private _timeSinceCurrentJumpStart: number = 0;
-    private _jumpKeyHeldSinceJumpStart: boolean = false;
     private _jumpingFirstDelta: boolean = false;
 
     constructor(behavior: PlatformerObjectRuntimeBehavior) {
@@ -2288,7 +2306,7 @@ namespace gdjs {
     enter(from: State) {
       const behavior = this._behavior;
       this._timeSinceCurrentJumpStart = 0;
-      this._jumpKeyHeldSinceJumpStart = true;
+      behavior._jumpKeyHeldSinceJumpStart = true;
 
       if (from !== behavior._jumping && from !== behavior._falling) {
         this._jumpingFirstDelta = true;
@@ -2329,17 +2347,12 @@ namespace gdjs {
     beforeMovingY(timeDelta: float, oldX: float) {
       const behavior = this._behavior;
 
-      // Check if the jump key is continuously held since
-      // the beginning of the jump.
-      if (!behavior._jumpKey) {
-        this._jumpKeyHeldSinceJumpStart = false;
-      }
       this._timeSinceCurrentJumpStart += timeDelta;
 
       const previousJumpSpeed = this._currentJumpSpeed;
       // Decrease jump speed after the (optional) jump sustain time is over.
       const sustainJumpSpeed =
-        this._jumpKeyHeldSinceJumpStart &&
+        behavior._jumpKeyHeldSinceJumpStart &&
         this._timeSinceCurrentJumpStart < behavior._jumpSustainTime;
       if (!sustainJumpSpeed) {
         this._currentJumpSpeed -= behavior._gravity * timeDelta;
@@ -2374,7 +2387,6 @@ namespace gdjs {
       return {
         cjs: this._currentJumpSpeed,
         tscjs: this._timeSinceCurrentJumpStart,
-        jkhsjs: this._jumpKeyHeldSinceJumpStart,
         jfd: this._jumpingFirstDelta,
       };
     }
@@ -2382,7 +2394,6 @@ namespace gdjs {
     updateFromNetworkSyncData(data: JumpingStateNetworkSyncData) {
       this._currentJumpSpeed = data.cjs;
       this._timeSinceCurrentJumpStart = data.tscjs;
-      this._jumpKeyHeldSinceJumpStart = data.jkhsjs;
       this._jumpingFirstDelta = data.jfd;
     }
 

Extensions/PlatformBehavior/tests/FlatFloorPlatformer.spec.js

@@ -27,6 +27,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: slopeMaxAngle,
               jumpSustainTime: 0.2,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],
@@ -331,6 +332,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               ignoreDefaultControls: true,
               slopeMaxAngle: 60,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],
@@ -491,6 +493,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -624,6 +627,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 0,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -728,6 +732,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: 60,
               jumpSustainTime: 0.2,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],

Extensions/PlatformBehavior/tests/JumpAndFallingPlatformer.spec.js

@@ -26,6 +26,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             ignoreDefaultControls: true,
             slopeMaxAngle: 60,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -172,6 +173,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: 60,
               jumpSustainTime: 0.2,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],
@@ -287,6 +289,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: true,
+            useRepeatedJump: true,
           },
         ],
         effects: [],
@@ -383,6 +386,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: true,
+            useRepeatedJump: true,
           },
         ],
         effects: [],
@@ -481,6 +485,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: true,
+            useRepeatedJump: true,
           },
         ],
         effects: [],
@@ -555,6 +560,8 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
     let runtimeScene;
     let object;
     let platform;
+    /** @type {gdjs.PlatformerObjectRuntimeBehavior} */
+    let characterBehavior;
 
     beforeEach(function () {
       runtimeScene = makePlatformerTestRuntimeScene();
@@ -578,6 +585,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -585,6 +593,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
       object.setCustomWidthAndHeight(10, 20);
       runtimeScene.addObject(object);
       object.setPosition(0, -32);
+      characterBehavior = object.getBehavior('auto1');
 
       // Put a platform.
       platform = addPlatformObject(runtimeScene);
@@ -644,6 +653,48 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
       expect(object.getY()).to.be(-30);
     });
 
+    it('can only jump once while the jump key is held', function () {
+      // Ensure the object falls on the platform
+      for (let i = 0; i < 10; ++i) {
+        runtimeScene.renderAndStep(1000 / 60);
+      }
+
+      //Check the object is on the platform
+      expect(object.getY()).to.be(-30); // -30 = -10 (platform y) + -20 (object height)
+      expect(characterBehavior.isFalling()).to.be(false);
+      expect(characterBehavior.isFallingWithoutJumping()).to.be(false);
+      expect(characterBehavior.isMoving()).to.be(false);
+
+      // The character jumps a first time.
+      for (let i = 0; i < 80; ++i) {
+        characterBehavior.simulateJumpKey();
+        runtimeScene.renderAndStep(1000 / 60);
+        characterBehavior.isJumping(true);
+      }
+      // The character lands back on the floor
+      // while the player holds the jump key.
+      for (let i = 0; i < 4; ++i) {
+        characterBehavior.simulateJumpKey();
+        runtimeScene.renderAndStep(1000 / 60);
+      }
+      characterBehavior.isOnFloor(true);
+      expect(object.getY()).to.be(-30);
+
+      // The character doesn't jump a 2nd time.
+      characterBehavior.simulateJumpKey();
+      runtimeScene.renderAndStep(1000 / 60);
+      characterBehavior.isOnFloor(true);
+
+      // The player release the jump key.
+      runtimeScene.renderAndStep(1000 / 60);
+      characterBehavior.isOnFloor(true);
+
+      // The character can now jump again.
+      characterBehavior.simulateJumpKey();
+      runtimeScene.renderAndStep(1000 / 60);
+      characterBehavior.isJumping(true);
+    });
+
     it('can jump, and only sustain the jump while key held', function () {
       // Ensure the object falls on the platform
       for (let i = 0; i < 10; ++i) {
@@ -1126,6 +1177,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             canGoDownFromJumpthru: true,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -1467,6 +1519,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             ignoreDefaultControls: true,
             slopeMaxAngle: 60,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -1497,6 +1550,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             ignoreDefaultControls: true,
             slopeMaxAngle: 60,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
           {
             type: 'PlatformBehavior::PlatformBehavior',
@@ -1637,6 +1691,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -1758,6 +1813,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -1843,6 +1899,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -1921,6 +1978,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],

Extensions/PlatformBehavior/tests/LadderAndCliffPlatformer.spec.js

@@ -26,6 +26,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: 60,
               canGrabWithoutMoving: canGrabWithoutMoving,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],
@@ -233,6 +234,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             canGrabWithoutMoving: true,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -398,6 +400,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],

Extensions/PlatformBehavior/tests/MovingPlatformPlatformer.spec.js

@@ -32,6 +32,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             ignoreDefaultControls: true,
             slopeMaxAngle: 60,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -308,6 +309,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               ignoreDefaultControls: true,
               slopeMaxAngle: 60,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],

Extensions/PlatformBehavior/tests/SlopePlatformer.spec.js

@@ -27,6 +27,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
             slopeMaxAngle: 60,
             jumpSustainTime: 0.2,
             useLegacyTrajectory: false,
+            useRepeatedJump: false,
           },
         ],
         effects: [],
@@ -438,6 +439,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: 60,
               jumpSustainTime: 0.2,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],
@@ -546,6 +548,7 @@ describe('gdjs.PlatformerObjectRuntimeBehavior', function () {
               slopeMaxAngle: slopeMaxAngle,
               jumpSustainTime: 0.2,
               useLegacyTrajectory: false,
+              useRepeatedJump: false,
             },
           ],
           effects: [],

Extensions/PlatformBehavior/tests/findHighestFloorAndMoveOnTop.spec.js

@@ -36,6 +36,7 @@ describe(`gdjs.PlatformerObjectRuntimeBehavior.findHighestFloorAndMoveOnTop`, fu
           ignoreDefaultControls: true,
           slopeMaxAngle: 60,
           useLegacyTrajectory: false,
+          useRepeatedJump: false,
         },
       ],
       effects: [],

Extensions/PrimitiveDrawing/Extension.cpp

@@ -311,7 +311,7 @@ void DeclarePrimitiveDrawingExtension(gd::PlatformExtension& extension) {
                   "such as \"Path line\" (in the Advanced category) can be "
                   "used to draw. Be sure to use \"End fill path\" action when "
                   "you're done drawing the shape."),
-                _("Begins drawing filling of an advanced path "
+                _("Begin drawing filling of an advanced path "
                   "with _PARAM0_ (start: _PARAM1_;_PARAM2_)"),
                 _("Advanced"),
                 "res/actions/beginFillPath24.png",

Extensions/TopDownMovementBehavior/TopDownMovementBehavior.cpp

@@ -34,6 +34,7 @@ void TopDownMovementBehavior::InitializeContent(
   behaviorContent.SetAttribute("viewpoint", "TopDown");
   behaviorContent.SetAttribute("customIsometryAngle", 30);
   behaviorContent.SetAttribute("movementAngleOffset", 0);
+  behaviorContent.SetAttribute("useLegacyTurnBack", false);
 }
 
 std::map<gd::String, gd::PropertyDescriptor>
@@ -89,10 +90,20 @@ TopDownMovementBehavior::GetProperties(
       .SetValue(
           gd::String::From(behaviorContent.GetDoubleAttribute("angleOffset")));
   properties["IgnoreDefaultControls"]
-      .SetLabel(_("Default controls"))
+      .SetLabel(_("Disable default keyboard controls"))
+      .SetQuickCustomizationVisibility(gd::QuickCustomization::Hidden)
       .SetValue(behaviorContent.GetBoolAttribute("ignoreDefaultControls")
-                    ? "false"
-                    : "true")
+                    ? "true"
+                    : "false")
+      .SetType("Boolean");
+  properties["UseLegacyTurnBack"]
+      .SetLabel(_("Only use acceleration to turn back "
+                  "(deprecated — best left unchecked)"))
+      .SetGroup(_("Deprecated options"))
+      .SetDeprecated()
+      .SetValue(behaviorContent.GetBoolAttribute("useLegacyTurnBack", true)
+                    ? "true"
+                    : "false")
       .SetType("Boolean");
 
   gd::String viewpoint = behaviorContent.GetStringAttribute("viewpoint");
@@ -145,7 +156,7 @@ bool TopDownMovementBehavior::UpdateProperty(
     const gd::String& name,
     const gd::String& value) {
   if (name == "IgnoreDefaultControls") {
-    behaviorContent.SetAttribute("ignoreDefaultControls", (value == "0"));
+    behaviorContent.SetAttribute("ignoreDefaultControls", (value == "1"));
     return true;
   }
   if (name == "AllowDiagonals") {
@@ -156,6 +167,9 @@ bool TopDownMovementBehavior::UpdateProperty(
     behaviorContent.SetAttribute("rotateObject", (value != "0"));
     return true;
   }
+  if (name == "UseLegacyTurnBack") {
+    behaviorContent.SetAttribute("useLegacyTurnBack", (value == "1"));
+  }
   if (name == "Viewpoint") {
     // Fix the offset angle when switching between top-down and isometry
     const gd::String& oldValue =

Extensions/TopDownMovementBehavior/topdownmovementruntimebehavior.ts

@@ -37,6 +37,7 @@ namespace gdjs {
     private _angleOffset: float;
     private _ignoreDefaultControls: boolean;
     private _movementAngleOffset: float;
+    private _useLegacyTurnBack: boolean;
 
     /** The latest angle of movement, in degrees. */
     private _angle: float = 0;
@@ -102,6 +103,10 @@ namespace gdjs {
         behaviorData.customIsometryAngle
       );
       this._movementAngleOffset = behaviorData.movementAngleOffset || 0;
+      this._useLegacyTurnBack =
+        behaviorData.useLegacyTurnBack === undefined
+          ? true
+          : behaviorData.useLegacyTurnBack;
     }
 
     getNetworkSyncData(): TopDownMovementNetworkSyncData {
@@ -303,9 +308,7 @@ namespace gdjs {
     }
 
     getSpeed(): float {
-      return Math.sqrt(
-        this._xVelocity * this._xVelocity + this._yVelocity * this._yVelocity
-      );
+      return Math.hypot(this._xVelocity, this._yVelocity);
     }
 
     getXVelocity(): float {
@@ -468,74 +471,71 @@ namespace gdjs {
       // variables without assigning them a value.
       let directionInRad = 0;
       let directionInDeg = 0;
-      let cos = 1;
-      let sin = 0;
 
+      let isMoving = false;
+      let targetedSpeed = 0;
       // Update the speed of the object:
       if (direction !== -1) {
+        isMoving = true;
         directionInRad =
           ((direction + this._movementAngleOffset / 45) * Math.PI) / 4.0;
         directionInDeg = direction * 45 + this._movementAngleOffset;
-        // This makes the trigo resilient to rounding errors on directionInRad.
-        cos = Math.cos(directionInRad);
-        sin = Math.sin(directionInRad);
-        if (cos === -1 || cos === 1) {
-          sin = 0;
-        }
-        if (sin === -1 || sin === 1) {
-          cos = 0;
-        }
-        this._xVelocity += this._acceleration * timeDelta * cos;
-        this._yVelocity += this._acceleration * timeDelta * sin;
+        targetedSpeed = this._maxSpeed;
       } else if (this._stickForce !== 0) {
+        isMoving = true;
         if (!this._allowDiagonals) {
           this._stickAngle = 90 * Math.floor((this._stickAngle + 45) / 90);
         }
         directionInDeg = this._stickAngle + this._movementAngleOffset;
         directionInRad = (directionInDeg * Math.PI) / 180;
-        const norm = this._acceleration * timeDelta * this._stickForce;
-        // This makes the trigo resilient to rounding errors on directionInRad.
-        cos = Math.cos(directionInRad);
-        sin = Math.sin(directionInRad);
-        if (cos === -1 || cos === 1) {
-          sin = 0;
-        }
-        if (sin === -1 || sin === 1) {
-          cos = 0;
-        }
-        this._xVelocity += norm * cos;
-        this._yVelocity += norm * sin;
+        targetedSpeed = this._maxSpeed * this._stickForce;
 
         this._wasStickUsed = true;
-        this._stickForce = 0;
       } else if (this._yVelocity !== 0 || this._xVelocity !== 0) {
+        isMoving = true;
         directionInRad = Math.atan2(this._yVelocity, this._xVelocity);
         directionInDeg = (directionInRad * 180.0) / Math.PI;
-        const xVelocityWasPositive = this._xVelocity >= 0;
-        const yVelocityWasPositive = this._yVelocity >= 0;
+      }
+      if (isMoving) {
         // This makes the trigo resilient to rounding errors on directionInRad.
-        cos = Math.cos(directionInRad);
-        sin = Math.sin(directionInRad);
+        let cos = Math.cos(directionInRad);
+        let sin = Math.sin(directionInRad);
         if (cos === -1 || cos === 1) {
           sin = 0;
         }
         if (sin === -1 || sin === 1) {
           cos = 0;
         }
-        this._xVelocity -= this._deceleration * timeDelta * cos;
-        this._yVelocity -= this._deceleration * timeDelta * sin;
-        if (this._xVelocity > 0 !== xVelocityWasPositive) {
-          this._xVelocity = 0;
-        }
-        if (this._yVelocity > 0 !== yVelocityWasPositive) {
-          this._yVelocity = 0;
+
+        const getAcceleratedSpeed = this._useLegacyTurnBack
+          ? TopDownMovementRuntimeBehavior.getLegacyAcceleratedSpeed
+          : TopDownMovementRuntimeBehavior.getAcceleratedSpeed;
+
+        let currentSpeed = Math.hypot(this._xVelocity, this._yVelocity);
+        const dotProduct = this._xVelocity * cos + this._yVelocity * sin;
+        if (dotProduct < 0) {
+          // The object is turning back.
+          // Keep the negative velocity projected on the new direction.
+          currentSpeed = dotProduct;
         }
+        const speed = getAcceleratedSpeed(
+          currentSpeed,
+          targetedSpeed,
+          this._maxSpeed,
+          this._acceleration,
+          this._deceleration,
+          timeDelta
+        );
+        this._xVelocity = speed * cos;
+        this._yVelocity = speed * sin;
       }
+
       const squaredSpeed =
         this._xVelocity * this._xVelocity + this._yVelocity * this._yVelocity;
       if (squaredSpeed > this._maxSpeed * this._maxSpeed) {
-        this._xVelocity = this._maxSpeed * cos;
-        this._yVelocity = this._maxSpeed * sin;
+        const ratio = this._maxSpeed / Math.sqrt(squaredSpeed);
+        this._xVelocity *= ratio;
+        this._yVelocity *= ratio;
       }
 
       // No acceleration for angular speed for now.
@@ -589,9 +589,125 @@ namespace gdjs {
         this._rightKey = false;
         this._upKey = false;
         this._downKey = false;
+        this._stickForce = 0;
       }
     }
 
+    private static getAcceleratedSpeed(
+      currentSpeed: float,
+      targetedSpeed: float,
+      speedMax: float,
+      acceleration: float,
+      deceleration: float,
+      timeDelta: float
+    ): float {
+      let newSpeed = currentSpeed;
+      const turningBackAcceleration = Math.max(acceleration, deceleration);
+      if (targetedSpeed < 0) {
+        if (currentSpeed <= targetedSpeed) {
+          // Reduce the speed to match the stick force.
+          newSpeed = Math.min(
+            targetedSpeed,
+            currentSpeed + turningBackAcceleration * timeDelta
+          );
+        } else if (currentSpeed <= 0) {
+          // Accelerate
+          newSpeed -= Math.max(-speedMax, acceleration * timeDelta);
+        } else {
+          // Turn back at least as fast as it would stop.
+          newSpeed = Math.max(
+            targetedSpeed,
+            currentSpeed - turningBackAcceleration * timeDelta
+          );
+        }
+      } else if (targetedSpeed > 0) {
+        if (currentSpeed >= targetedSpeed) {
+          // Reduce the speed to match the stick force.
+          newSpeed = Math.max(
+            targetedSpeed,
+            currentSpeed - turningBackAcceleration * timeDelta
+          );
+        } else if (currentSpeed >= 0) {
+          // Accelerate
+          newSpeed = Math.min(
+            speedMax,
+            currentSpeed + acceleration * timeDelta
+          );
+        } else {
+          // Turn back at least as fast as it would stop.
+          newSpeed = Math.min(
+            targetedSpeed,
+            currentSpeed + turningBackAcceleration * timeDelta
+          );
+        }
+      } else {
+        // Decelerate and stop.
+        if (currentSpeed < 0) {
+          newSpeed = Math.min(currentSpeed + deceleration * timeDelta, 0);
+        }
+        if (currentSpeed > 0) {
+          newSpeed = Math.max(currentSpeed - deceleration * timeDelta, 0);
+        }
+      }
+      return newSpeed;
+    }
+
+    private static getLegacyAcceleratedSpeed(
+      currentSpeed: float,
+      targetedSpeed: float,
+      speedMax: float,
+      acceleration: float,
+      deceleration: float,
+      timeDelta: float
+    ): float {
+      let newSpeed = currentSpeed;
+      if (targetedSpeed < 0) {
+        if (currentSpeed <= targetedSpeed) {
+          // Reduce the speed to match the stick force.
+          newSpeed = Math.min(
+            targetedSpeed,
+            currentSpeed + deceleration * timeDelta
+          );
+        } else if (currentSpeed <= 0) {
+          // Accelerate
+          newSpeed -= Math.max(-speedMax, acceleration * timeDelta);
+        } else {
+          newSpeed = Math.max(
+            targetedSpeed,
+            currentSpeed - deceleration * timeDelta
+          );
+        }
+      } else if (targetedSpeed > 0) {
+        if (currentSpeed >= targetedSpeed) {
+          // Reduce the speed to match the stick force.
+          newSpeed = Math.max(
+            targetedSpeed,
+            currentSpeed - deceleration * timeDelta
+          );
+        } else if (currentSpeed >= 0) {
+          // Accelerate
+          newSpeed = Math.min(
+            speedMax,
+            currentSpeed + acceleration * timeDelta
+          );
+        } else {
+          newSpeed = Math.min(
+            targetedSpeed,
+            currentSpeed + deceleration * timeDelta
+          );
+        }
+      } else {
+        // Decelerate and stop.
+        if (currentSpeed < 0) {
+          newSpeed = Math.min(currentSpeed + deceleration * timeDelta, 0);
+        }
+        if (currentSpeed > 0) {
+          newSpeed = Math.max(currentSpeed - deceleration * timeDelta, 0);
+        }
+      }
+      return newSpeed;
+    }
+
     simulateControl(input: string) {
       if (input === 'Left') {
         this._leftKey = true;

Extensions/TweenBehavior/JsExtension.js

@@ -60,7 +60,7 @@ module.exports = {
         'Tween',
         _('Tweening'),
         _(
-          'Animate object properties over time. This allows smooth transitions, animations or movement of objects to specified positions.'
+          'Smoothly animate object properties over time — such as position, rotation scale, opacity, and more — as well as variables. Ideal for creating fluid transitions and UI animations. While you can use tweens to move objects, other behaviors (like platform, physics, ellipse movement...) or forces are often better suited for dynamic movement. Tween is best used for animating UI elements, static objects that need to move from one point to another, or other values like variables.'
         ),
         'Matthias Meike, Florian Rival',
         'Open source (MIT License)'

GDJS/Runtime/howler-sound-manager/howler-sound-manager.ts

@@ -397,60 +397,68 @@ namespace gdjs {
         document.addEventListener(
           'pause',
           function () {
-            const soundList = that._freeSounds.concat(that._freeMusics);
-            for (let key in that._sounds) {
-              if (that._sounds.hasOwnProperty(key)) {
-                soundList.push(that._sounds[key]);
-              }
-            }
-            for (let key in that._musics) {
-              if (that._musics.hasOwnProperty(key)) {
-                soundList.push(that._musics[key]);
-              }
-            }
-            for (let i = 0; i < soundList.length; i++) {
-              const sound = soundList[i];
-              if (!sound.paused() && !sound.stopped()) {
-                sound.pause();
-                that._pausedSounds.push(sound);
-              }
-            }
-            that._paused = true;
+            that.pauseAllActiveSounds();
           },
           false
         );
         document.addEventListener(
           'resume',
           function () {
-            try {
-              for (let i = 0; i < that._pausedSounds.length; i++) {
-                const sound = that._pausedSounds[i];
-                if (!sound.stopped()) {
-                  sound.play();
-                }
-              }
-            } catch (error) {
-              if (
-                error.message &&
-                typeof error.message === 'string' &&
-                error.message.startsWith('Maximum call stack size exceeded')
-              ) {
-                console.warn(
-                  'An error occurred when resuming paused sounds while the game was in background:',
-                  error
-                );
-              } else {
-                throw error;
-              }
-            }
-            that._pausedSounds.length = 0;
-            that._paused = false;
+            that.resumeAllActiveSounds();
           },
           false
         );
       });
     }
 
+    pauseAllActiveSounds(): void {
+      const soundList = this._freeSounds.concat(this._freeMusics);
+      for (let key in this._sounds) {
+        if (this._sounds.hasOwnProperty(key)) {
+          soundList.push(this._sounds[key]);
+        }
+      }
+      for (let key in this._musics) {
+        if (this._musics.hasOwnProperty(key)) {
+          soundList.push(this._musics[key]);
+        }
+      }
+      for (let i = 0; i < soundList.length; i++) {
+        const sound = soundList[i];
+        if (!sound.paused() && !sound.stopped()) {
+          sound.pause();
+          this._pausedSounds.push(sound);
+        }
+      }
+      this._paused = true;
+    }
+
+    resumeAllActiveSounds(): void {
+      try {
+        for (let i = 0; i < this._pausedSounds.length; i++) {
+          const sound = this._pausedSounds[i];
+          if (!sound.stopped()) {
+            sound.play();
+          }
+        }
+      } catch (error) {
+        if (
+          error.message &&
+          typeof error.message === 'string' &&
+          error.message.startsWith('Maximum call stack size exceeded')
+        ) {
+          console.warn(
+            'An error occurred when resuming paused sounds while the game was in background:',
+            error
+          );
+        } else {
+          throw error;
+        }
+      }
+      this._pausedSounds.length = 0;
+      this._paused = false;
+    }
+
     getResourceKinds(): ResourceKind[] {
       return resourceKinds;
     }

GDevelop.js/Bindings/Bindings.idl

@@ -2293,6 +2293,8 @@ interface PlatformExtension {
     [Const, Value] DOMString STATIC_GetNamespaceSeparator();
     [Const, Value] DOMString STATIC_GetBehaviorFullType(
         [Const] DOMString extensionName, [Const] DOMString behaviorName);
+    [Const, Value] DOMString STATIC_GetExtensionFromFullBehaviorType([Const] DOMString type);
+    [Const, Value] DOMString STATIC_GetBehaviorNameFromFullBehaviorType([Const] DOMString type);
     [Const, Value] DOMString STATIC_GetObjectFullType(
         [Const] DOMString extensionName, [Const] DOMString objectName);
     [Const, Value] DOMString STATIC_GetExtensionFromFullObjectType([Const] DOMString type);
@@ -2342,6 +2344,9 @@ interface BaseEvent {
 
     void SerializeTo([Ref] SerializerElement element);
     void UnserializeFrom([Ref] Project project, [Const, Ref] SerializerElement element);
+
+    [Const, Ref] DOMString GetAiGeneratedEventId();
+    void SetAiGeneratedEventId([Const] DOMString aiGeneratedEventId);
 };
 
 interface StandardEvent {
@@ -2805,6 +2810,7 @@ interface WholeProjectRefactorer {
     unsigned long STATIC_GetLayoutAndExternalLayoutLayerInstancesCount([Ref] Project project, [Ref] Layout layout, [Const] DOMString layerName);
     void STATIC_RenameLeaderboards([Ref] Project project, [Const, Ref] MapStringString leaderboardIdMap);
     [Value] SetString STATIC_FindAllLeaderboardIds([Ref] Project project);
+    void STATIC_UpdateBehaviorsSharedData([Ref] Project project);
 };
 
 interface ObjectTools {

GDevelop.js/Bindings/Wrapper.cpp

@@ -674,6 +674,7 @@ typedef ExtensionAndMetadata<ExpressionMetadata> ExtensionAndExpressionMetadata;
   GetLayoutAndExternalLayoutLayerInstancesCount
 #define STATIC_RenameLeaderboards RenameLeaderboards
 #define STATIC_FindAllLeaderboardIds FindAllLeaderboardIds
+#define STATIC_UpdateBehaviorsSharedData UpdateBehaviorsSharedData
 
 #define STATIC_GenerateBehaviorGetterAndSetter GenerateBehaviorGetterAndSetter
 #define STATIC_GenerateObjectGetterAndSetter GenerateObjectGetterAndSetter
@@ -715,6 +716,8 @@ typedef ExtensionAndMetadata<ExpressionMetadata> ExtensionAndExpressionMetadata;
 
 #define STATIC_GetNamespaceSeparator GetNamespaceSeparator
 #define STATIC_GetBehaviorFullType GetBehaviorFullType
+#define STATIC_GetExtensionFromFullBehaviorType GetExtensionFromFullBehaviorType
+#define STATIC_GetBehaviorNameFromFullBehaviorType GetBehaviorNameFromFullBehaviorType
 #define STATIC_GetObjectFullType GetObjectFullType
 #define STATIC_GetExtensionFromFullObjectType GetExtensionFromFullObjectType
 #define STATIC_GetObjectNameFromFullObjectType GetObjectNameFromFullObjectType

GDevelop.js/__tests__/Core.js

@@ -140,6 +140,9 @@ describe('libGD.js', function () {
       expect(gd.Project.getSafeName('官话 name')).toBe('官话_name');
       expect(gd.Project.getSafeName('')).toBe('Unnamed');
       expect(gd.Project.getSafeName('9')).toBe('_9');
+      expect(gd.Project.getSafeName('ExplosionParticles3D')).toBe(
+        'ExplosionParticles3D'
+      );
     });
 
     it('should have a list of extensions', function () {

GDevelop.js/types.d.ts

@@ -1740,6 +1740,8 @@ export class PlatformExtension extends EmscriptenObject {
   getAllSourceFiles(): VectorSourceFileMetadata;
   static getNamespaceSeparator(): string;
   static getBehaviorFullType(extensionName: string, behaviorName: string): string;
+  static getExtensionFromFullBehaviorType(type: string): string;
+  static getBehaviorNameFromFullBehaviorType(type: string): string;
   static getObjectFullType(extensionName: string, objectName: string): string;
   static getExtensionFromFullObjectType(type: string): string;
   static getObjectNameFromFullObjectType(type: string): string;
@@ -1780,6 +1782,8 @@ export class BaseEvent extends EmscriptenObject {
   setFolded(folded: boolean): void;
   serializeTo(element: SerializerElement): void;
   unserializeFrom(project: Project, element: SerializerElement): void;
+  getAiGeneratedEventId(): string;
+  setAiGeneratedEventId(aiGeneratedEventId: string): void;
 }
 
 export class StandardEvent extends BaseEvent {
@@ -1994,6 +1998,7 @@ export class WholeProjectRefactorer extends EmscriptenObject {
   static getLayoutAndExternalLayoutLayerInstancesCount(project: Project, layout: Layout, layerName: string): number;
   static renameLeaderboards(project: Project, leaderboardIdMap: MapStringString): void;
   static findAllLeaderboardIds(project: Project): SetString;
+  static updateBehaviorsSharedData(project: Project): void;
 }
 
 export class ObjectTools extends EmscriptenObject {

GDevelop.js/types/gdbaseevent.js

@@ -17,6 +17,8 @@ declare class gdBaseEvent extends gdBaseEvent {
   setFolded(folded: boolean): void;
   serializeTo(element: gdSerializerElement): void;
   unserializeFrom(project: gdProject, element: gdSerializerElement): void;
+  getAiGeneratedEventId(): string;
+  setAiGeneratedEventId(aiGeneratedEventId: string): void;
   delete(): void;
   ptr: number;
 };

GDevelop.js/types/gdplatformextension.js

@@ -57,6 +57,8 @@ declare class gdPlatformExtension {
   getAllSourceFiles(): gdVectorSourceFileMetadata;
   static getNamespaceSeparator(): string;
   static getBehaviorFullType(extensionName: string, behaviorName: string): string;
+  static getExtensionFromFullBehaviorType(type: string): string;
+  static getBehaviorNameFromFullBehaviorType(type: string): string;
   static getObjectFullType(extensionName: string, objectName: string): string;
   static getExtensionFromFullObjectType(type: string): string;
   static getObjectNameFromFullObjectType(type: string): string;

GDevelop.js/types/gdwholeprojectrefactorer.js

@@ -63,6 +63,7 @@ declare class gdWholeProjectRefactorer {
   static getLayoutAndExternalLayoutLayerInstancesCount(project: gdProject, layout: gdLayout, layerName: string): number;
   static renameLeaderboards(project: gdProject, leaderboardIdMap: gdMapStringString): void;
   static findAllLeaderboardIds(project: gdProject): gdSetString;
+  static updateBehaviorsSharedData(project: gdProject): void;
   delete(): void;
   ptr: number;
 };

appveyor.yml

@@ -1,17 +1,15 @@
-# AppVeyor configuration to build GDevelop app running
+# Deprecated AppVeyor configuration to build GDevelop app running
 # on the Electron runtime (newIDE/electron-app) for Windows.
-# For macOS and Linux, see the config.yml file.
+#
+# This was replaced by build on CircleCI - but kept for redundancy/tests.
+# For Windows, macOS and Linux builds, see the config.yml file.
 
 version: 1.0.{build}
 pull_requests:
   do_not_increment_build_number: true
 image: Visual Studio 2019
 clone_depth: 5
-# Only build
-branches:
-  only:
-    - master
-    - /experimental-build.*/
+# Build must be triggered by the API.
 skip_tags: true # Don't rebuild on tags.
 init:
   - ps: Install-Product node 16
@@ -21,13 +19,14 @@ cache:
   - newIDE\app\node_modules -> newIDE\app\package-lock.json
   - newIDE\electron-app\node_modules -> newIDE\electron-app\package-lock.json
   - GDevelop.js\node_modules -> GDevelop.js\package-lock.json
+  - GDJS\node_modules -> GDJS\package-lock.json
 install:
-  # Download and install SSL.com eSigner CKA. 
+  # Download and install SSL.com eSigner CKA.
   # See https://www.ssl.com/how-to/how-to-integrate-esigner-cka-with-ci-cd-tools-for-automated-code-signing/.
   #
-  # This is necessary because of "signing to be FIPS-140 compliant". See 
+  # This is necessary because of "signing to be FIPS-140 compliant". See
   # https://github.com/electron-userland/electron-builder/issues/6158
-  # 
+  #
   # Make sure to DISABLE "malware blocker" in SSL.com to avoid errors like:
   # Error information: "Error: SignerSign() failed." (-2146893821/0x80090003)
   - ps: >-
@@ -42,13 +41,13 @@ install:
       Remove-Item eSigner_CKA_Setup.zip
 
       Move-Item -Destination "eSigner_CKA_Installer.exe" -Path "eSigner_CKA_*\*.exe"
-      
+
       # Install it. See https://www.ssl.com/how-to/how-to-integrate-esigner-cka-with-ci-cd-tools-for-automated-code-signing/
 
       New-Item -ItemType Directory -Force -Path "C:\projects\gdevelop\eSignerCKA"
 
       ./eSigner_CKA_Installer.exe /CURRENTUSER /VERYSILENT /SUPPRESSMSGBOXES /DIR="C:\projects\gdevelop\eSignerCKA" | Out-Null
-      
+
       # Disable logger.
 
       # $LogConfig = Get-Content -Path C:\projects\gdevelop\eSignerCKA/log4net.config
@@ -57,23 +56,6 @@ install:
 
       # $LogConfig | Set-Content -Path C:\projects\gdevelop\eSignerCKA/log4net.config
 
-  # Build GDevelop.js (and run tests to ensure it works).
-  # (in a subshell to avoid Emscripten polluting the Node.js and npm version for the rest of the build)
-  - cmd: >-
-      cd GDevelop.js
-
-      npm -v && npm install
-
-      git clone https://github.com/juj/emsdk.git
-
-      cd emsdk
-
-      emsdk install 3.1.21
-
-      CMD /C "emsdk activate 3.1.21 && cd .. && npm run build"
-
-      cd ..\..
-
   # Build GDevelop IDE.
   # Also install setuptools as something requires distutils in electron-app, and it was removed in Python 3.12.
   # setuptools will make distutils available again (but we should migrate our packages probably).
@@ -111,9 +93,8 @@ build_script:
       echo Certificate: $CodeSigningCert
 
       # Use a custom signtool path because of the signtool.exe bundled withy electron-builder not working for some reason.
-      # Can also be found in versioned folders like "C:/Program Files (x86)/Windows Kits/10/bin/10.0.22000.0/x86/signtool.exe".
 
-      $Env:SIGNTOOL_PATH = "C:\Program Files (x86)\Windows Kits\10\App Certification Kit\signtool.exe"
+      $Env:SIGNTOOL_PATH = "C:\Program Files (x86)\Windows Kits\10\bin\10.0.22000.0\x86\signtool.exe"
 
       # Extract thumbprint and subject name of the certificate (will be passed to electron-builder).
 
@@ -142,12 +123,6 @@ build_script:
 # Run a few tests on Windows.
 test_script:
   - cmd: >-
-      cd GDevelop.js
-
-      npm test
-
-      cd ..
-
       cd newIDE\app
 
       npm test
@@ -159,8 +134,9 @@ artifacts:
     name: GDevelopWindows
 
 # Upload artifacts (AWS) - configuration is stored on AppVeyor itself.
-deploy:
-  - provider: Environment
-    name: Amazon S3 releases
-  - provider: Environment
-    name: Amazon S3 latest releases
+# Disabled because done by CircleCI "build-windows" job.
+# deploy:
+#   - provider: Environment
+#     name: Amazon S3 releases
+#   - provider: Environment
+#     name: Amazon S3 latest releases

newIDE/app/.storybook/main.js

@@ -18,5 +18,6 @@ module.exports = {
       },
     },
     '@storybook/preset-create-react-app',
+    'storybook-addon-mock',
   ],
 };

newIDE/app/package.json

@@ -10,13 +10,13 @@
     "@babel/preset-react": "^7.22.5",
     "@lingui/cli": "^2.7.3",
     "@lingui/macro": "^2.7.3",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addons": "^7.4.0",
-    "@storybook/components": "^7.4.0",
-    "@storybook/preset-create-react-app": "^7.4.0",
-    "@storybook/react": "^7.4.0",
-    "@storybook/react-webpack5": "^7.4.0",
-    "@storybook/theming": "^7.4.0",
+    "@storybook/addon-essentials": "7.4.6",
+    "@storybook/addons": "7.4.6",
+    "@storybook/components": "7.4.6",
+    "@storybook/preset-create-react-app": "7.4.6",
+    "@storybook/react": "7.4.6",
+    "@storybook/react-webpack5": "7.4.6",
+    "@storybook/theming": "7.4.6",
     "adm-zip": "^0.5.10",
     "axios-mock-adapter": "^1.22.0",
     "babel-core": "^7.0.0-bridge.0",
@@ -33,7 +33,8 @@
     "recursive-copy": "^2.0.14",
     "recursive-readdir": "^2.2.2",
     "shelljs": "0.8.4",
-    "storybook": "^7.4.0",
+    "storybook": "7.4.6",
+    "storybook-addon-mock": "4.3.0",
     "style-dictionary": "^2.10.2",
     "typescript": "^4.1.3",
     "webpack": "5.88.2",

newIDE/app/scripts/extract-reference-document.js

@@ -158,13 +158,18 @@ ${extension.getDescription()} ${generateReadMoreLink(extension.getHelpPath())}
   };
 };
 
+/** @returns {String} */
+const generateBuiltInExtensionNote = ({ extension }) => {
+  return `The ${extension.getFullName()} extension is always installed in all GDevelop projects: there is no need to add it from the Project Manager.\n\n`;
+};
+
 /** @returns {RawText} */
 const generateExtensionFooterText = ({ extension }) => {
   return {
     text:
-      `
----
-*This page is an auto-generated reference page about the **${extension.getFullName()}** feature of [GDevelop, the open-source, cross-platform game engine designed for everyone](https://gdevelop.io/).*` +
+      `\n\n---\n\n` +
+      generateBuiltInExtensionNote({ extension }) +
+      `*This page is an auto-generated reference page about the **${extension.getFullName()}** feature of [GDevelop, the open-source, cross-platform game engine designed for everyone](https://gdevelop.io/).*` +
       ' ' +
       'Learn more about [all GDevelop features here](/gdevelop5/all-features).',
   };

newIDE/app/scripts/import-libGD.js

@@ -63,6 +63,19 @@ if (shell.test('-f', path.join(sourceDirectory, 'libGD.js'))) {
       var hash = (hashShellString.stdout || 'unknown-hash').trim();
       var branch = (branchShellString.stdout || 'unknown-branch').trim();
 
+      if (branch === 'HEAD') {
+        // We're in detached HEAD. Try to read the branch from the CI environment variables.
+        if (process.env.APPVEYOR_PULL_REQUEST_HEAD_REPO_BRANCH) {
+          branch = process.env.APPVEYOR_PULL_REQUEST_HEAD_REPO_BRANCH;
+        } else if (process.env.APPVEYOR_REPO_BRANCH) {
+          branch = process.env.APPVEYOR_REPO_BRANCH;
+        } else {
+          shell.echo(
+            `⚠️ Can't find the branch of the associated commit - if you're in detached HEAD, you need to be on a branch instead.`
+          );
+        }
+      }
+
       resolve(
         downloadLibGdJs(
           `https://s3.amazonaws.com/gdevelop-gdevelop.js/${branch}/commit/${hash}`
@@ -129,7 +142,20 @@ if (shell.test('-f', path.join(sourceDirectory, 'libGD.js'))) {
 
   // Try to download the latest libGD.js, fallback to previous or master ones
   // if not found (including different parents, for handling of merge commits).
-  downloadCommitLibGdJs('HEAD').then(onLibGdJsDownloaded, () =>
+  downloadCommitLibGdJs('HEAD').then(onLibGdJsDownloaded, () => {
+    // Force the exact version of GDevelop.js to be downloaded for AppVeyor - because
+    // this means we build the app and we don't want to risk mismatch (Core C++ not up to date
+    // with the IDE JavaScript).
+    if (process.env.APPVEYOR || process.env.REQUIRES_EXACT_LIBGD_JS_VERSION) {
+      shell.echo(
+        `❌ Can't download the exact required version of libGD.js - check it was built by CircleCI before running this CI.`
+      );
+      shell.echo(
+        `ℹ️ See the pipeline on https://app.circleci.com/pipelines/github/4ian/GDevelop.`
+      );
+      shell.exit(1);
+    }
+
     downloadCommitLibGdJs('HEAD~1').then(onLibGdJsDownloaded, () =>
       downloadCommitLibGdJs('HEAD~2').then(onLibGdJsDownloaded, () =>
         downloadCommitLibGdJs('HEAD~3').then(onLibGdJsDownloaded, () =>
@@ -150,6 +176,6 @@ if (shell.test('-f', path.join(sourceDirectory, 'libGD.js'))) {
           })
         )
       )
-    )
-  );
+    );
+  });
 }

newIDE/app/src/AiGeneration/AiRequestChat/AiRequestChat.module.css

@@ -7,30 +7,6 @@
   }
 }
 
-@keyframes chat-bubble-appear {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0px);
-  }
-}
-
-@keyframes content-appear {
-  0% {
-    opacity: 0;
-  }
-  /* Start after the bubble container. */
-  37% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
 @keyframes thinking-appear {
   0% {
     opacity: 0;
@@ -56,18 +32,6 @@
   animation: new-chat-appear 0.5s;
 }
 
-.chatBubbleContainer {
-  display: flex;
-  animation: chat-bubble-appear 0.3s;
-  min-width: 0; /** Prevents horizontal overflow */
-}
-
-.chatBubbleContent {
-  display: flex;
-  animation: content-appear 0.8s;
-  min-width: 0; /** Prevents horizontal overflow */
-}
-
 .thinkingText {
   animation: thinking-appear 1s;
 }

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

@@ -0,0 +1,158 @@
+// @flow
+import {
+  type AiRequest,
+  type AiRequestMessageAssistantFunctionCall,
+  type AiRequestFunctionCallOutput,
+} from '../../Utils/GDevelopServices/Generation';
+import { type EditorFunctionCallResult } from '../../EditorFunctions/EditorFunctionCallRunner';
+
+export const getFunctionCallToFunctionCallOutputMap = ({
+  aiRequest,
+}: {|
+  aiRequest: AiRequest,
+|}): Map<
+  AiRequestMessageAssistantFunctionCall,
+  AiRequestFunctionCallOutput | null
+> => {
+  // Maps each function call to its corresponding output (or null if no output)
+  const functionCallsToOutputs = new Map<
+    AiRequestMessageAssistantFunctionCall,
+    AiRequestFunctionCallOutput | null
+  >();
+
+  // Track function calls by their call_id to match with outputs
+  const functionCallsByCallId = new Map<
+    string,
+    AiRequestMessageAssistantFunctionCall
+  >();
+
+  // Process messages in a single loop
+  for (let i = 0; i < aiRequest.output.length; i++) {
+    const message = aiRequest.output[i];
+
+    if (message.type === 'message' && message.role === 'assistant') {
+      // Process function calls in this message
+      message.content.forEach(content => {
+        if (content.type === 'function_call') {
+          // Initialize with null output - will be updated if we find a matching output
+          functionCallsToOutputs.set(content, null);
+
+          // Store function call by call_id for later matching
+          functionCallsByCallId.set(content.call_id, content);
+        }
+      });
+    } else if (message.type === 'function_call_output') {
+      // Find the corresponding function calls with this call_id
+      const functionCall = functionCallsByCallId.get(message.call_id);
+      functionCallsByCallId.delete(message.call_id);
+
+      // Match with the most recent function call with this call_id
+      if (functionCall) {
+        functionCallsToOutputs.set(functionCall, message);
+      }
+    }
+  }
+
+  return functionCallsToOutputs;
+};
+
+export const getFunctionCallsToProcess = ({
+  aiRequest,
+  editorFunctionCallResults,
+}: {|
+  aiRequest: AiRequest,
+  editorFunctionCallResults: Array<EditorFunctionCallResult> | null,
+|}): Array<AiRequestMessageAssistantFunctionCall> => {
+  const functionCallsToProcess: AiRequestMessageAssistantFunctionCall[] = [];
+  const appliedFunctionCallIds = new Set<string>();
+  const alreadyProcessedFunctionCallIds = new Set<string>();
+
+  // Track already applied function calls
+  (editorFunctionCallResults || []).forEach(functionCallOutput => {
+    appliedFunctionCallIds.add(functionCallOutput.call_id);
+  });
+
+  // Process from the end and collect function calls until we hit a message with no function calls
+  let foundFunctionCall = false;
+
+  for (let i = aiRequest.output.length - 1; i >= 0; i--) {
+    const message = aiRequest.output[i];
+
+    // Track already processed function call outputs
+    if (message.type === 'function_call_output') {
+      alreadyProcessedFunctionCallIds.add(message.call_id);
+    }
+
+    // Collect function calls that need processing
+    if (message.type === 'message' && message.role === 'assistant') {
+      const functionCalls = message.content.filter(
+        content => content.type === 'function_call'
+      );
+
+      if (functionCalls.length > 0) {
+        foundFunctionCall = true;
+
+        // Add new unique function calls that haven't been processed or applied
+        for (let j = functionCalls.length - 1; j >= 0; j--) {
+          const functionCall = functionCalls[j];
+          if (functionCall.type !== 'function_call') continue;
+
+          if (
+            !alreadyProcessedFunctionCallIds.has(functionCall.call_id) &&
+            !appliedFunctionCallIds.has(functionCall.call_id)
+          ) {
+            functionCallsToProcess.unshift(functionCall); // Add to beginning to preserve original order
+          }
+        }
+      } else if (foundFunctionCall) {
+        // If we've found function calls and now hit a message with no function calls, stop
+        break;
+      }
+    }
+  }
+
+  return functionCallsToProcess;
+};
+
+export const getFunctionCallOutputsFromEditorFunctionCallResults = (
+  editorFunctionCallResults: Array<EditorFunctionCallResult> | null
+): {|
+  hasUnfinishedResult: boolean,
+  functionCallOutputs: Array<AiRequestFunctionCallOutput>,
+|} => {
+  if (!editorFunctionCallResults)
+    return { hasUnfinishedResult: false, functionCallOutputs: [] };
+
+  let hasUnfinishedResult = false;
+  const functionCallOutputs = editorFunctionCallResults
+    .map(functionCallOutput => {
+      if (functionCallOutput.status === 'finished') {
+        return {
+          type: 'function_call_output',
+          call_id: functionCallOutput.call_id,
+          output: JSON.stringify({
+            success: functionCallOutput.success,
+            ...functionCallOutput.output,
+          }),
+        };
+      } else if (functionCallOutput.status === 'ignored') {
+        return {
+          type: 'function_call_output',
+          call_id: functionCallOutput.call_id,
+          output: JSON.stringify({
+            ignored: true,
+            message: 'This was marked as ignored by the user.',
+          }),
+        };
+      }
+
+      hasUnfinishedResult = true;
+      return null;
+    })
+    .filter(Boolean);
+
+  return {
+    functionCallOutputs,
+    hasUnfinishedResult,
+  };
+};

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

@@ -0,0 +1,37 @@
+// @flow
+import * as React from 'react';
+import classes from './ChatBubble.module.css';
+import Paper from '../../UI/Paper';
+
+const styles = {
+  chatBubble: {
+    paddingTop: 5,
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingBottom: 5,
+  },
+};
+
+type ChatBubbleProps = {|
+  children: React.Node,
+  feedbackButtons?: React.Node,
+  role: 'assistant' | 'user',
+|};
+
+export const ChatBubble = ({
+  children,
+  feedbackButtons,
+  role,
+}: ChatBubbleProps) => {
+  return (
+    <div className={classes.chatBubbleContainer}>
+      <Paper
+        background={role === 'user' ? 'light' : 'medium'}
+        style={styles.chatBubble}
+      >
+        <div className={classes.chatBubbleContent}>{children}</div>
+        {feedbackButtons}
+      </Paper>
+    </div>
+  );
+};

newIDE/app/src/AiGeneration/AiRequestChat/ChatBubble.module.css

@@ -0,0 +1,35 @@
+@keyframes chat-bubble-appear {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+}
+
+@keyframes content-appear {
+  0% {
+    opacity: 0;
+  }
+  /* Start after the bubble container. */
+  37% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.chatBubbleContainer {
+  display: flex;
+  animation: chat-bubble-appear 0.3s;
+  min-width: 0; /** Prevents horizontal overflow */
+}
+
+.chatBubbleContent {
+  display: flex;
+  animation: content-appear 0.8s;
+  min-width: 0; /** Prevents horizontal overflow */
+}

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

@@ -4,8 +4,8 @@ import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { I18n } from '@lingui/react';
 import classNames from 'classnames';
-import Window from '../../../Utils/Window';
-import { getHelpLink } from '../../../Utils/HelpLink';
+import Window from '../../Utils/Window';
+import { getHelpLink } from '../../Utils/HelpLink';
 import classes from './ChatMarkdownText.module.css';
 import {
   type ConceptMetadata,
@@ -127,7 +127,7 @@ type Props = {|
 /**
  * Display a markdown text for a AI chat bubble.
  */
-export const ChatMarkdownText = (props: Props) => {
+export const ChatMarkdownText = React.memo<Props>((props: Props) => {
   const { getConceptMetadataFromHref } = useGetConceptMetadata();
   const renderChatLink = React.useMemo(
     () => makeRenderChatLink({ getConceptMetadataFromHref }),
@@ -169,4 +169,4 @@ export const ChatMarkdownText = (props: Props) => {
   });
 
   return <span className={className}>{markdownElement}</span>;
-};
+});

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

@@ -0,0 +1,258 @@
+// @flow
+import * as React from 'react';
+import { ChatBubble } from './ChatBubble';
+import { Line } from '../../UI/Grid';
+import { ChatMarkdownText } from './ChatMarkdownText';
+import GDevelopThemeContext from '../../UI/Theme/GDevelopThemeContext';
+import { getFunctionCallToFunctionCallOutputMap } from './AiRequestUtils';
+import { FunctionCallRow } from './FunctionCallRow';
+import IconButton from '../../UI/IconButton';
+import Like from '../../UI/CustomSvgIcons/Like';
+import Dislike from '../../UI/CustomSvgIcons/Dislike';
+import Copy from '../../UI/CustomSvgIcons/Copy';
+import { Trans, t } from '@lingui/macro';
+import {
+  type AiRequest,
+  type AiRequestMessageAssistantFunctionCall,
+} from '../../Utils/GDevelopServices/Generation';
+import {
+  type EditorFunctionCallResult,
+  type EditorCallbacks,
+} from '../../EditorFunctions';
+import classes from './ChatMessages.module.css';
+import { DislikeFeedbackDialog } from './DislikeFeedbackDialog';
+import LeftLoader from '../../UI/LeftLoader';
+import Text from '../../UI/Text';
+import AlertMessage from '../../UI/AlertMessage';
+
+type Props = {|
+  aiRequest: AiRequest,
+  onSendFeedback: (
+    aiRequestId: string,
+    messageIndex: number,
+    feedback: 'like' | 'dislike',
+    reason?: string,
+    freeFormDetails?: string
+  ) => Promise<void>,
+  editorFunctionCallResults: Array<EditorFunctionCallResult> | null,
+  onProcessFunctionCalls: (
+    functionCalls: Array<AiRequestMessageAssistantFunctionCall>,
+    options: ?{|
+      ignore?: boolean,
+    |}
+  ) => Promise<void>,
+  editorCallbacks: EditorCallbacks,
+  project: gdProject | null,
+|};
+
+export const ChatMessages = React.memo<Props>(function ChatMessages({
+  aiRequest,
+  onSendFeedback,
+  editorFunctionCallResults,
+  onProcessFunctionCalls,
+  editorCallbacks,
+  project,
+}: Props) {
+  const theme = React.useContext(GDevelopThemeContext);
+
+  const [messageFeedbacks, setMessageFeedbacks] = React.useState({});
+  const [
+    dislikeFeedbackDialogOpenedFor,
+    setDislikeFeedbackDialogOpenedFor,
+  ] = React.useState(null);
+
+  const functionCallToFunctionCallOutput = aiRequest
+    ? getFunctionCallToFunctionCallOutputMap({
+        aiRequest,
+      })
+    : new Map();
+
+  return (
+    <>
+      {aiRequest.output.flatMap((message, messageIndex) => {
+        if (message.type === 'message' && message.role === 'user') {
+          return [
+            <Line key={messageIndex} justifyContent="flex-end">
+              <ChatBubble role="user">
+                <ChatMarkdownText
+                  source={message.content
+                    .map(messageContent => messageContent.text)
+                    .join('\n')}
+                />
+              </ChatBubble>
+            </Line>,
+          ];
+        }
+        if (message.type === 'message' && message.role === 'assistant') {
+          return [
+            ...message.content
+              .map((messageContent, messageContentIndex) => {
+                const key = `messageIndex${messageIndex}-${messageContentIndex}`;
+                if (messageContent.type === 'output_text') {
+                  const feedbackKey = `${messageIndex}-${messageContentIndex}`;
+                  const currentFeedback = messageFeedbacks[feedbackKey];
+
+                  return (
+                    <Line key={key} justifyContent="flex-start">
+                      <ChatBubble
+                        role="assistant"
+                        feedbackButtons={
+                          <div className={classes.feedbackButtonsContainer}>
+                            <IconButton
+                              size="small"
+                              tooltip={t`Copy`}
+                              onClick={() => {
+                                navigator.clipboard.writeText(
+                                  messageContent.text
+                                );
+                              }}
+                            >
+                              <Copy fontSize="small" />
+                            </IconButton>
+                            <IconButton
+                              size="small"
+                              tooltip={t`This was helpful`}
+                              onClick={() => {
+                                setMessageFeedbacks({
+                                  ...messageFeedbacks,
+                                  [feedbackKey]: 'like',
+                                });
+                                onSendFeedback(
+                                  aiRequest.id,
+                                  messageIndex,
+                                  'like'
+                                );
+                              }}
+                            >
+                              <Like
+                                fontSize="small"
+                                htmlColor={
+                                  currentFeedback === 'like'
+                                    ? theme.message.valid
+                                    : undefined
+                                }
+                              />
+                            </IconButton>
+                            <IconButton
+                              size="small"
+                              tooltip={t`This needs improvement`}
+                              onClick={() => {
+                                setMessageFeedbacks({
+                                  ...messageFeedbacks,
+                                  [feedbackKey]: 'dislike',
+                                });
+                                setDislikeFeedbackDialogOpenedFor({
+                                  aiRequestId: aiRequest.id,
+                                  messageIndex,
+                                });
+                              }}
+                            >
+                              <Dislike
+                                fontSize="small"
+                                htmlColor={
+                                  currentFeedback === 'dislike'
+                                    ? theme.message.warning
+                                    : undefined
+                                }
+                              />
+                            </IconButton>
+                          </div>
+                        }
+                      >
+                        <ChatMarkdownText source={messageContent.text} />
+                      </ChatBubble>
+                    </Line>
+                  );
+                }
+                if (messageContent.type === 'reasoning') {
+                  return (
+                    <Line key={key} justifyContent="flex-start">
+                      <ChatBubble role="assistant">
+                        <ChatMarkdownText
+                          source={messageContent.summary.text}
+                        />
+                      </ChatBubble>
+                    </Line>
+                  );
+                }
+                if (messageContent.type === 'function_call') {
+                  const existingFunctionCallOutput = functionCallToFunctionCallOutput.get(
+                    messageContent
+                  );
+                  // If there is already an existing function call output,
+                  // there can't be an editor function call result.
+                  // Indeed, sometimes, two functions will
+                  // have the same call_id (because of the way some LLM APIs are implemented).
+                  // The editorFunctionCallResult always applies to the last function call,
+                  // which has no function call output associated to it yet.
+                  const editorFunctionCallResult =
+                    (!existingFunctionCallOutput &&
+                      editorFunctionCallResults &&
+                      editorFunctionCallResults.find(
+                        functionCallOutput =>
+                          functionCallOutput.call_id === messageContent.call_id
+                      )) ||
+                    null;
+                  return (
+                    <FunctionCallRow
+                      project={project}
+                      key={key}
+                      onProcessFunctionCalls={onProcessFunctionCalls}
+                      functionCall={messageContent}
+                      editorFunctionCallResult={editorFunctionCallResult}
+                      existingFunctionCallOutput={existingFunctionCallOutput}
+                      editorCallbacks={editorCallbacks}
+                    />
+                  );
+                }
+                return null;
+              })
+              .filter(Boolean),
+          ];
+        }
+        if (message.type === 'function_call_output') {
+          return [];
+        }
+
+        return [];
+      })}
+
+      {aiRequest.status === 'error' ? (
+        <Line justifyContent="flex-start">
+          <AlertMessage kind="error">
+            <Trans>
+              The AI encountered an error while handling your request - this was
+              request was not counted in your AI usage. Try again later.
+            </Trans>
+          </AlertMessage>
+        </Line>
+      ) : aiRequest.status === 'working' ? (
+        <Line justifyContent="flex-start">
+          <div className={classes.thinkingText}>
+            <LeftLoader isLoading>
+              <Text noMargin displayInlineAsSpan>
+                <Trans>Thinking about your request...</Trans>
+              </Text>
+            </LeftLoader>
+          </div>
+        </Line>
+      ) : null}
+      {dislikeFeedbackDialogOpenedFor && (
+        <DislikeFeedbackDialog
+          mode={aiRequest.mode || 'chat'}
+          open
+          onClose={() => setDislikeFeedbackDialogOpenedFor(null)}
+          onSendFeedback={(reason: string, freeFormDetails: string) => {
+            onSendFeedback(
+              dislikeFeedbackDialogOpenedFor.aiRequestId,
+              dislikeFeedbackDialogOpenedFor.messageIndex,
+              'dislike',
+              reason,
+              freeFormDetails
+            );
+          }}
+        />
+      )}
+    </>
+  );
+});

newIDE/app/src/AiGeneration/AiRequestChat/ChatMessages.module.css

@@ -0,0 +1,26 @@
+@keyframes thinking-appear {
+  0% {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  /* Start after the bubble container and when the bubble content is almost finished animating. */
+  60% {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0px);
+  }
+}
+
+.thinkingText {
+  animation: thinking-appear 1s;
+}
+
+.feedbackButtonsContainer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 4px;
+  margin-top: 4px;
+}

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

@@ -1,22 +1,22 @@
 // @flow
 import * as React from 'react';
 import { Trans } from '@lingui/macro';
-import Window from '../../../Utils/Window';
-import memoize from '../../../Utils/Memoize';
-import { useRefWithInit } from '../../../Utils/UseRefInitHook';
-import { getHelpLink } from '../../../Utils/HelpLink';
-import { ExtensionStoreContext } from '../../../AssetStore/ExtensionStore/ExtensionStoreContext';
-import { IconContainer } from '../../../UI/IconContainer';
+import Window from '../../Utils/Window';
+import memoize from '../../Utils/Memoize';
+import { useRefWithInit } from '../../Utils/UseRefInitHook';
+import { getHelpLink } from '../../Utils/HelpLink';
+import { ExtensionStoreContext } from '../../AssetStore/ExtensionStore/ExtensionStoreContext';
+import { IconContainer } from '../../UI/IconContainer';
 import {
   type ExtensionShortHeader,
   type EventsFunctionInsideExtensionShortHeader,
-} from '../../../Utils/GDevelopServices/Extension';
-import { mapFor } from '../../../Utils/MapFor';
+} from '../../Utils/GDevelopServices/Extension';
+import { mapFor } from '../../Utils/MapFor';
 import classes from './ChatMarkdownText.module.css';
 import classNames from 'classnames';
 import Tooltip from '@material-ui/core/Tooltip';
-import { MarkdownText } from '../../../UI/MarkdownText';
-import Text from '../../../UI/Text';
+import { MarkdownText } from '../../UI/MarkdownText';
+import Text from '../../UI/Text';
 
 const gd: libGDevelop = global.gd;
 

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

@@ -0,0 +1,178 @@
+// @flow
+import * as React from 'react';
+import { ColumnStackLayout } from '../../UI/Layout';
+import Text from '../../UI/Text';
+import { I18n } from '@lingui/react';
+import { Trans, t } from '@lingui/macro';
+import Dialog, { DialogPrimaryButton } from '../../UI/Dialog';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FlatButton from '../../UI/FlatButton';
+import { CompactTextAreaField } from '../../UI/CompactTextAreaField';
+
+type DislikeFeedbackDialogProps = {|
+  open: boolean,
+  onClose: () => void,
+  onSendFeedback: (reason: string, freeFormDetails: string) => void,
+  mode: 'chat' | 'agent',
+|};
+
+export const DislikeFeedbackDialog = ({
+  mode,
+  open,
+  onClose,
+  onSendFeedback,
+}: DislikeFeedbackDialogProps) => {
+  const [selectedReason, setSelectedReason] = React.useState<?string>(null);
+  const [freeFormDetails, setFreeFormDetails] = React.useState<string>('');
+
+  const handleChange = (event: { target: { value: string } }) => {
+    setSelectedReason(event.target.value);
+  };
+
+  const handleSendFeedback = () => {
+    if (selectedReason) {
+      onSendFeedback(selectedReason, freeFormDetails);
+      onClose();
+    }
+  };
+
+  return (
+    <I18n>
+      {({ i18n }) => (
+        <Dialog
+          title={
+            mode === 'agent' ? (
+              <Trans>What went wrong?</Trans>
+            ) : (
+              <Trans>What could be improved?</Trans>
+            )
+          }
+          actions={[
+            <FlatButton
+              key="cancel"
+              label={<Trans>Cancel</Trans>}
+              onClick={onClose}
+            />,
+            <DialogPrimaryButton
+              key="send"
+              primary
+              label={<Trans>Send feedback</Trans>}
+              onClick={handleSendFeedback}
+              disabled={!selectedReason}
+            />,
+          ]}
+          open={open}
+          onRequestClose={onClose}
+          maxWidth="sm"
+        >
+          <ColumnStackLayout noMargin>
+            <Text>
+              {mode === 'agent' ? (
+                <Trans>
+                  The AI agent is in beta. Help us make it better by telling us
+                  what went wrong:
+                </Trans>
+              ) : (
+                <Trans>
+                  Help us improve by telling us what could be improved:
+                </Trans>
+              )}
+            </Text>
+            <RadioGroup value={selectedReason || ''} onChange={handleChange}>
+              {mode === 'agent' ? (
+                <>
+                  <FormControlLabel
+                    value="not-as-good-as-it-could-be"
+                    control={<Radio color="secondary" />}
+                    label={
+                      <Trans>
+                        The result wasn't as good as it could have been
+                      </Trans>
+                    }
+                  />
+                  <FormControlLabel
+                    value="too-little-work"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>It didn't do enough</Trans>}
+                  />
+                  <FormControlLabel
+                    value="does-not-work"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>It didn't work at all</Trans>}
+                  />
+                  <FormControlLabel
+                    value="too-much-modified-or-broken"
+                    control={<Radio color="secondary" />}
+                    label={
+                      <Trans>Too many things were changed or broken</Trans>
+                    }
+                  />
+                </>
+              ) : (
+                <>
+                  <FormControlLabel
+                    value="not-in-my-language"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>The answer is not in my language</Trans>}
+                  />
+                  <FormControlLabel
+                    value="non-existing-things"
+                    control={<Radio color="secondary" />}
+                    label={
+                      <Trans>
+                        Some things in the answer don't exist in GDevelop
+                      </Trans>
+                    }
+                  />
+                  <FormControlLabel
+                    value="not-as-good-as-it-could-be"
+                    control={<Radio color="secondary" />}
+                    label={
+                      <Trans>The answer is not as good as it could be</Trans>
+                    }
+                  />
+                  <FormControlLabel
+                    value="very-wrong-answer"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>The answer is entirely wrong</Trans>}
+                  />
+                  <FormControlLabel
+                    value="out-of-scope"
+                    control={<Radio color="secondary" />}
+                    label={
+                      <Trans>The answer is out of scope for GDevelop</Trans>
+                    }
+                  />
+                  <FormControlLabel
+                    value="too-short"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>The answer is too short</Trans>}
+                  />
+                  <FormControlLabel
+                    value="too-long"
+                    control={<Radio color="secondary" />}
+                    label={<Trans>The answer is too long</Trans>}
+                  />
+                </>
+              )}
+              <FormControlLabel
+                value="other"
+                control={<Radio color="secondary" />}
+                label={<Trans>Other reason</Trans>}
+              />
+            </RadioGroup>
+            <CompactTextAreaField
+              label={i18n._(t`More details (optional)`)}
+              value={freeFormDetails}
+              onChange={value => setFreeFormDetails(value)}
+              rows={5}
+              maxLength={10000}
+            />
+          </ColumnStackLayout>
+        </Dialog>
+      )}
+    </I18n>
+  );
+};

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

@@ -0,0 +1,89 @@
+// @flow
+
+import React from 'react';
+import { Trans, t } from '@lingui/macro';
+import { Column, Line } from '../../UI/Grid';
+import Paper from '../../UI/Paper';
+import IconButton from '../../UI/IconButton';
+import Like from '../../UI/CustomSvgIcons/Like';
+import Dislike from '../../UI/CustomSvgIcons/Dislike';
+import Text from '../../UI/Text';
+import classes from './FeedbackBanner.module.css';
+import { DislikeFeedbackDialog } from './DislikeFeedbackDialog';
+import GDevelopThemeContext from '../../UI/Theme/GDevelopThemeContext';
+
+type Props = {
+  onSendFeedback: (
+    feedback: 'like' | 'dislike',
+    reason?: string,
+    freeFormDetails?: string
+  ) => void,
+};
+
+export const FeedbackBanner = ({ onSendFeedback }: Props) => {
+  const [currentFeedback, setCurrentFeedback] = React.useState<
+    'like' | 'dislike' | null
+  >(null);
+  const theme = React.useContext(GDevelopThemeContext);
+  const [
+    dislikeFeedbackDialogOpened,
+    setDislikeFeedbackDialogOpened,
+  ] = React.useState<boolean>(false);
+
+  return (
+    <Line noMargin justifyContent="center">
+      <Paper background="dark" variant="outlined">
+        <Column expand>
+          <div className={classes.textAndButtonsContainer}>
+            <Text size="block-title" color="inherit">
+              <Trans>Did it work?</Trans>
+            </Text>
+            <Line alignItems="center" noMargin neverShrink>
+              <IconButton
+                tooltip={t`This was helpful`}
+                onClick={() => {
+                  setCurrentFeedback('like');
+                  onSendFeedback('like');
+                }}
+                color="inherit"
+              >
+                <Like
+                  htmlColor={
+                    currentFeedback === 'like' ? theme.message.valid : undefined
+                  }
+                />
+              </IconButton>
+              <IconButton
+                tooltip={t`There was a problem`}
+                onClick={() => {
+                  setDislikeFeedbackDialogOpened(true);
+                }}
+                color="inherit"
+              >
+                <Dislike
+                  htmlColor={
+                    currentFeedback === 'dislike'
+                      ? theme.message.warning
+                      : undefined
+                  }
+                />
+              </IconButton>
+            </Line>
+          </div>
+        </Column>
+      </Paper>
+      {dislikeFeedbackDialogOpened && (
+        <DislikeFeedbackDialog
+          mode="agent"
+          open={dislikeFeedbackDialogOpened}
+          onClose={() => setDislikeFeedbackDialogOpened(false)}
+          onSendFeedback={(reason: string, freeFormDetails: string) => {
+            setDislikeFeedbackDialogOpened(false);
+            onSendFeedback('dislike', reason, freeFormDetails);
+            setCurrentFeedback('dislike');
+          }}
+        />
+      )}
+    </Line>
+  );
+};

newIDE/app/src/AiGeneration/AiRequestChat/FeedbackBanner.module.css

@@ -0,0 +1,12 @@
+.textAndButtonsContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding-left: 8px;
+  padding-right: 2px;
+  color: var(--theme-text-secondary-color);
+  opacity: 0.9;
+  min-width: 0;
+}

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

@@ -0,0 +1,214 @@
+// @flow
+import * as React from 'react';
+import { t } from '@lingui/macro';
+import {
+  type AiRequestMessageAssistantFunctionCall,
+  type AiRequestFunctionCallOutput,
+} from '../../Utils/GDevelopServices/Generation';
+import { type EditorFunctionCallResult } from '../../EditorFunctions/EditorFunctionCallRunner';
+import CircularProgress from '../../UI/CircularProgress';
+import { Tooltip } from '@material-ui/core';
+import Text from '../../UI/Text';
+import RaisedButton from '../../UI/RaisedButton';
+import { Trans } from '@lingui/macro';
+import RaisedButtonWithSplitMenu from '../../UI/RaisedButtonWithSplitMenu';
+import Check from '../../UI/CustomSvgIcons/Check';
+import Error from '../../UI/CustomSvgIcons/Error';
+import GDevelopThemeContext from '../../UI/Theme/GDevelopThemeContext';
+import classes from './FunctionCallRow.module.css';
+import {
+  editorFunctions,
+  type EditorFunction,
+  type EditorCallbacks,
+} from '../../EditorFunctions';
+import Link from '../../UI/Link';
+import { LineStackLayout } from '../../UI/Layout';
+import ChevronArrowRight from '../../UI/CustomSvgIcons/ChevronArrowRight';
+import ChevronArrowBottom from '../../UI/CustomSvgIcons/ChevronArrowBottom';
+import Paper from '../../UI/Paper';
+import { Line, Column } from '../../UI/Grid';
+
+type Props = {|
+  project: gdProject | null,
+  functionCall: AiRequestMessageAssistantFunctionCall,
+  editorFunctionCallResult: ?EditorFunctionCallResult,
+  existingFunctionCallOutput: ?AiRequestFunctionCallOutput,
+  onProcessFunctionCalls: (
+    functionCalls: Array<AiRequestMessageAssistantFunctionCall>,
+    options: ?{|
+      ignore?: boolean,
+    |}
+  ) => Promise<void>,
+  editorCallbacks: EditorCallbacks,
+|};
+
+export const FunctionCallRow = React.memo<Props>(function FunctionCallRow({
+  project,
+  functionCall,
+  editorFunctionCallResult,
+  existingFunctionCallOutput,
+  onProcessFunctionCalls,
+  editorCallbacks,
+}: Props) {
+  const [showDetails, setShowDetails] = React.useState(false);
+  const gdevelopTheme = React.useContext(GDevelopThemeContext);
+
+  let existingParsedOutput;
+  try {
+    if (existingFunctionCallOutput) {
+      // While this could be slightly expensive in a component to render, the component
+      // is memoized, so this won't impact rendering of large chats.
+      existingParsedOutput = JSON.parse(existingFunctionCallOutput.output);
+    }
+  } catch (error) {
+    existingParsedOutput = null;
+  }
+
+  const isIgnored =
+    (!!editorFunctionCallResult &&
+      editorFunctionCallResult.status === 'ignored') ||
+    (existingParsedOutput && !!existingParsedOutput.ignored);
+  const isFinished =
+    !!existingFunctionCallOutput ||
+    (!!editorFunctionCallResult &&
+      editorFunctionCallResult.status === 'finished');
+  const functionCallResultIsErrored =
+    editorFunctionCallResult &&
+    editorFunctionCallResult.status === 'finished' &&
+    editorFunctionCallResult.success === false;
+  const hasErrored =
+    functionCallResultIsErrored ||
+    (existingParsedOutput && existingParsedOutput.success === false);
+  const isWorking =
+    !isFinished &&
+    !!editorFunctionCallResult &&
+    editorFunctionCallResult.status === 'working';
+
+  const editorFunction: EditorFunction | null =
+    editorFunctions[functionCall.name] || null;
+  let text;
+  let details;
+  let hasDetailsToShow = false;
+  if (!editorFunction) {
+    text = (
+      <Trans>
+        The AI tried to use a function of the editor that is unknown.
+      </Trans>
+    );
+  } else {
+    try {
+      const result = editorFunction.renderForEditor({
+        project,
+        args: JSON.parse(functionCall.arguments),
+        editorCallbacks,
+        shouldShowDetails: showDetails,
+      });
+
+      text = result.text;
+      details = result.details;
+      hasDetailsToShow = result.hasDetailsToShow;
+    } catch (error) {
+      text = (
+        <Trans>
+          The editor was unable to display the operation ({functionCall.name})
+          used by the AI.
+        </Trans>
+      );
+    }
+  }
+
+  return (
+    <div className={classes.functionCallContainer}>
+      <LineStackLayout noMargin alignItems="center">
+        <Tooltip
+          title={JSON.stringify(
+            existingFunctionCallOutput || editorFunctionCallResult
+          )}
+        >
+          <div>
+            {hasErrored ? (
+              <Error htmlColor={gdevelopTheme.message.error} />
+            ) : isIgnored ? (
+              <Check htmlColor={gdevelopTheme.text.color.disabled} />
+            ) : isFinished ? (
+              <Check htmlColor={gdevelopTheme.message.valid} />
+            ) : (
+              <CircularProgress
+                size={24}
+                value={100}
+                variant={isWorking ? 'indeterminate' : 'determinate'}
+              />
+            )}
+          </div>
+        </Tooltip>
+        <LineStackLayout noMargin alignItems="baseline">
+          <Text>{text || 'Working...'}</Text>
+          {hasDetailsToShow && (
+            <Text size="body-small" color="secondary">
+              <Link
+                color="inherit"
+                href={'#'}
+                onClick={() => setShowDetails(!showDetails)}
+              >
+                <Trans>Details</Trans>
+                {details ? (
+                  <ChevronArrowBottom
+                    fontSize="small"
+                    style={{
+                      verticalAlign: 'middle',
+                    }}
+                  />
+                ) : (
+                  <ChevronArrowRight
+                    fontSize="small"
+                    style={{
+                      verticalAlign: 'middle',
+                    }}
+                  />
+                )}
+              </Link>
+            </Text>
+          )}
+        </LineStackLayout>
+        {!isFinished && (
+          <RaisedButtonWithSplitMenu
+            primary
+            disabled={isWorking}
+            onClick={() => onProcessFunctionCalls([functionCall])}
+            label={<Trans>Apply</Trans>}
+            buildMenuTemplate={i18n => [
+              {
+                label: i18n._(t`Ignore this`),
+                click: () => {
+                  onProcessFunctionCalls([functionCall], {
+                    ignore: true,
+                  });
+                },
+              },
+            ]}
+          />
+        )}
+        {functionCallResultIsErrored && (
+          <RaisedButton
+            color="primary"
+            onClick={() => onProcessFunctionCalls([functionCall])}
+            label={<Trans>Retry</Trans>}
+          />
+        )}
+      </LineStackLayout>
+      {details && (
+        <div className={classes.detailsPaperContainer}>
+          <Paper background="medium" elevation={0} square variant="outlined">
+            <Line expand>
+              <Column expand>
+                <Text noMargin color="secondary">
+                  {details}
+                </Text>
+              </Column>
+            </Line>
+          </Paper>
+        </div>
+      )}
+    </div>
+  );
+});

newIDE/app/src/AiGeneration/AiRequestChat/FunctionCallRow.module.css

@@ -0,0 +1,38 @@
+@keyframes function-call-appear {
+  0% {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  /* Start after the bubble container and when the bubble content is almost finished animating. */
+  60% {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0px);
+  }
+}
+
+.functionCallContainer {
+  animation: function-call-appear 0.5s;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+@keyframes details-paper-appear {
+  0% {
+    transform: scaleY(0.9);
+    opacity: 0.8;
+  }
+  100% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+
+.detailsPaperContainer {
+  transform-origin: top left;
+  animation: details-paper-appear 0.1s;
+}

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

@@ -0,0 +1,779 @@
+// @flow
+import * as React from 'react';
+import { I18n as I18nType } from '@lingui/core';
+import { ColumnStackLayout, LineStackLayout } from '../../UI/Layout';
+import Text from '../../UI/Text';
+import { Trans, t } from '@lingui/macro';
+import {
+  type AiRequest,
+  type AiRequestMessageAssistantFunctionCall,
+} from '../../Utils/GDevelopServices/Generation';
+import RaisedButton from '../../UI/RaisedButton';
+import { CompactTextAreaFieldWithControls } from '../../UI/CompactTextAreaFieldWithControls';
+import { Column, Line, Spacer } from '../../UI/Grid';
+import Tooltip from '@material-ui/core/Tooltip';
+import Paper from '../../UI/Paper';
+import ScrollView, { type ScrollViewInterface } from '../../UI/ScrollView';
+import AlertMessage from '../../UI/AlertMessage';
+import classes from './AiRequestChat.module.css';
+import RobotIcon from '../../ProjectCreation/RobotIcon';
+import { useResponsiveWindowSize } from '../../UI/Responsive/ResponsiveWindowMeasurer';
+import GetSubscriptionCard from '../../Profile/Subscription/GetSubscriptionCard';
+import {
+  type Quota,
+  type UsagePrice,
+} from '../../Utils/GDevelopServices/Usage';
+import { type MessageDescriptor } from '../../Utils/i18n/MessageDescriptor.flow';
+import Link from '../../UI/Link';
+import { getHelpLink } from '../../Utils/HelpLink';
+import Window from '../../Utils/Window';
+import { type EditorFunctionCallResult } from '../../EditorFunctions/EditorFunctionCallRunner';
+import { type EditorCallbacks } from '../../EditorFunctions';
+import { getFunctionCallsToProcess } from './AiRequestUtils';
+import CircularProgress from '../../UI/CircularProgress';
+import TwoStatesButton from '../../UI/TwoStatesButton';
+import Help from '../../UI/CustomSvgIcons/Help';
+import Hammer from '../../UI/CustomSvgIcons/Hammer';
+import { ChatMessages } from './ChatMessages';
+import Send from '../../UI/CustomSvgIcons/Send';
+import { FeedbackBanner } from './FeedbackBanner';
+import LeftLoader from '../../UI/LeftLoader';
+
+const TOO_MANY_USER_MESSAGES_WARNING_COUNT = 5;
+const TOO_MANY_USER_MESSAGES_ERROR_COUNT = 10;
+
+const styles = {
+  chatScrollView: {
+    display: 'flex',
+    flexDirection: 'column',
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingBottom: 8,
+    paddingTop: 14,
+    maskImage: 'linear-gradient(to bottom, transparent, black 14px)',
+    maskSize: '100% 100%',
+    maskRepeat: 'no-repeat',
+  },
+};
+
+type Props = {
+  project: gdProject | null,
+  i18n: I18nType,
+  aiRequest: AiRequest | null,
+
+  isSending: boolean,
+  onStartNewAiRequest: (options: {|
+    userRequest: string,
+    mode: 'chat' | 'agent',
+  |}) => void,
+  onSendMessage: (options: {|
+    userMessage: string,
+  |}) => Promise<void>,
+  onSendFeedback: (
+    aiRequestId: string,
+    messageIndex: number,
+    feedback: 'like' | 'dislike',
+    reason?: string,
+    freeFormDetails?: string
+  ) => Promise<void>,
+  hasOpenedProject: boolean,
+  isAutoProcessingFunctionCalls: boolean,
+  setAutoProcessFunctionCalls: boolean => void,
+
+  onProcessFunctionCalls: (
+    functionCalls: Array<AiRequestMessageAssistantFunctionCall>,
+    options: ?{| ignore?: boolean |}
+  ) => Promise<void>,
+  editorFunctionCallResults: Array<EditorFunctionCallResult> | null,
+  editorCallbacks: EditorCallbacks,
+  // Error that occurred while sending the last request.
+  lastSendError: ?Error,
+
+  // Quota available for using the feature.
+  quota: Quota | null,
+  increaseQuotaOffering: 'subscribe' | 'upgrade' | 'none',
+  price: UsagePrice | null,
+  availableCredits: number,
+};
+
+export type AiRequestChatInterface = {|
+  resetUserInput: (aiRequestId: string | null) => void,
+|};
+
+const getQuotaOrCreditsText = ({
+  quota,
+  increaseQuotaOffering,
+  price,
+  availableCredits,
+  isMobile,
+}: {|
+  quota: Quota | null,
+  increaseQuotaOffering: 'subscribe' | 'upgrade' | 'none',
+  price: UsagePrice | null,
+  availableCredits: number,
+  isMobile: boolean,
+|}) => {
+  if (!quota) return null;
+
+  const quotaOrCreditsText = !quota.limitReached ? (
+    <Tooltip
+      title={
+        <>
+          {increaseQuotaOffering === 'subscribe' ? (
+            <Trans>
+              Get GDevelop premium to get more free requests every month.
+            </Trans>
+          ) : (
+            <Trans>
+              These are parts of your GDevelop premium membership ({quota.max}{' '}
+              free requests per month).
+            </Trans>
+          )}{' '}
+          <Trans>Free requests do not consume credits on your account.</Trans>
+        </>
+      }
+    >
+      <div>
+        {isMobile ? (
+          <Trans>{quota.max - quota.current} free requests left</Trans>
+        ) : (
+          <Trans>
+            {quota.max - quota.current} of {quota.max} free requests left this
+            month
+          </Trans>
+        )}
+      </div>
+    </Tooltip>
+  ) : (
+    <Trans>{Math.max(0, availableCredits)} credits available</Trans>
+  );
+
+  return quotaOrCreditsText;
+};
+
+const getPriceText = ({
+  aiRequestMode,
+  price,
+  lastUserMessagePriceInCredits,
+}: {|
+  aiRequestMode: 'chat' | 'agent',
+  price: UsagePrice | null,
+  lastUserMessagePriceInCredits: number | null,
+|}) => {
+  if (!price) return null;
+
+  const priceInCredits = price.priceInCredits;
+  const maximumPriceInCredits =
+    (price.variablePrice &&
+      price.variablePrice[aiRequestMode] &&
+      price.variablePrice[aiRequestMode]['default'] &&
+      price.variablePrice[aiRequestMode]['default'].maximumPriceInCredits) ||
+    null;
+  const minimumPriceInCredits =
+    (price.variablePrice &&
+      price.variablePrice[aiRequestMode] &&
+      price.variablePrice[aiRequestMode]['default'] &&
+      price.variablePrice[aiRequestMode]['default'].minimumPriceInCredits) ||
+    null;
+
+  const priceText = maximumPriceInCredits ? (
+    <Trans>
+      {minimumPriceInCredits || priceInCredits} to {maximumPriceInCredits}
+    </Trans>
+  ) : (
+    <Trans>{minimumPriceInCredits || priceInCredits}</Trans>
+  );
+
+  return (
+    <Tooltip
+      title={
+        aiRequestMode === 'agent' ? (
+          <>
+            <Trans>
+              Each request to the AI agent costs {priceText} credits. It depends
+              on the amount of work the agent will do and the number of times it
+              generates events.
+            </Trans>{' '}
+            {lastUserMessagePriceInCredits ? (
+              <Trans>
+                The last request used {lastUserMessagePriceInCredits} credits.
+              </Trans>
+            ) : null}
+          </>
+        ) : (
+          <Trans>Each answer from the AI costs {priceText} credits.</Trans>
+        )
+      }
+    >
+      <div>
+        <LineStackLayout alignItems="center" noMargin>
+          {aiRequestMode === 'agent' ? (
+            <Hammer fontSize="small" />
+          ) : (
+            <Help fontSize="small" />
+          )}
+          {aiRequestMode === 'agent' ? (
+            <Trans>{priceText} credits/request</Trans>
+          ) : (
+            <Trans>{priceText} credits/answer</Trans>
+          )}
+        </LineStackLayout>
+      </div>
+    </Tooltip>
+  );
+};
+
+export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
+  (
+    {
+      project,
+      aiRequest,
+      isSending,
+      onStartNewAiRequest,
+      onSendMessage,
+      onSendFeedback,
+      quota,
+      increaseQuotaOffering,
+      lastSendError,
+      price,
+      availableCredits,
+      hasOpenedProject,
+      editorFunctionCallResults,
+      onProcessFunctionCalls,
+      isAutoProcessingFunctionCalls,
+      setAutoProcessFunctionCalls,
+      i18n,
+      editorCallbacks,
+    }: Props,
+    ref
+  ) => {
+    // TODO: store the default mode in the user preferences?
+    const [newAiRequestMode, setNewAiRequestMode] = React.useState<
+      'chat' | 'agent'
+    >('agent');
+    const aiRequestId: string = aiRequest ? aiRequest.id : '';
+    const [
+      userRequestTextPerAiRequestId,
+      setUserRequestTextPerRequestId,
+    ] = React.useState<{ [string]: string }>({});
+    const scrollViewRef = React.useRef<ScrollViewInterface | null>(null);
+
+    const newChatPlaceholder = React.useMemo(
+      () => {
+        const newChatPlaceholders: Array<MessageDescriptor> =
+          newAiRequestMode === 'agent'
+            ? hasOpenedProject
+              ? [
+                  t`Add solid rocks that falls from the sky at a random position around the player every 0.5 seconds`,
+                  t`Add a score and display it on the screen`,
+                  t`Create an explosion when the player is hit`,
+                ]
+              : [
+                  t`Build a platformer game with a score and coins to collect`,
+                  t`Make a quizz game with a question and 4 answers`,
+                  t`Make a game where the player must avoid obstacles`,
+                ]
+            : [
+                t`How to add a leaderboard?`,
+                t`How to display the health of my player?`,
+                t`How to add an explosion when an enemy is destroyed?`,
+                t`How to create a main menu for my game?`,
+                ...(hasOpenedProject
+                  ? [
+                      t`What would you add to my game?`,
+                      t`How to make my game more fun?`,
+                      t`What is a good GDevelop feature I could use in my game?`,
+                    ]
+                  : []),
+              ];
+
+        return newChatPlaceholders[
+          Math.floor(Math.random() * newChatPlaceholders.length)
+        ];
+      },
+      [newAiRequestMode, hasOpenedProject]
+    );
+
+    React.useImperativeHandle(ref, () => ({
+      resetUserInput: (aiRequestId: string | null) => {
+        const aiRequestIdToReset: string = aiRequestId || '';
+        setUserRequestTextPerRequestId(userRequestTextPerAiRequestId => ({
+          ...userRequestTextPerAiRequestId,
+          [aiRequestIdToReset]: '',
+        }));
+
+        if (scrollViewRef.current) {
+          scrollViewRef.current.scrollToBottom({
+            behavior: 'smooth',
+          });
+        }
+      },
+    }));
+
+    const { isMobile } = useResponsiveWindowSize();
+
+    const priceText = (
+      <Text size="body-small" color="secondary" noMargin>
+        {getPriceText({
+          aiRequestMode: aiRequest
+            ? aiRequest.mode || 'chat'
+            : newAiRequestMode,
+          price,
+          lastUserMessagePriceInCredits:
+            (aiRequest && aiRequest.lastUserMessagePriceInCredits) || null,
+        }) || '\u00A0'}
+      </Text>
+    );
+
+    const subscriptionBanner =
+      quota && quota.limitReached && increaseQuotaOffering !== 'none' ? (
+        <GetSubscriptionCard
+          subscriptionDialogOpeningReason={
+            increaseQuotaOffering === 'subscribe'
+              ? 'AI requests (subscribe)'
+              : 'AI requests (upgrade)'
+          }
+          label={
+            increaseQuotaOffering === 'subscribe' ? (
+              <Trans>Get GDevelop premium</Trans>
+            ) : (
+              <Trans>Upgrade</Trans>
+            )
+          }
+          recommendedPlanIdIfNoSubscription="gdevelop_gold"
+          canHide
+        >
+          <Line>
+            <Column noMargin>
+              <Text noMargin>
+                {increaseQuotaOffering === 'subscribe' ? (
+                  <Trans>
+                    Unlock AI requests included with a GDevelop premium plan.
+                  </Trans>
+                ) : (
+                  <Trans>
+                    Get even more AI requests included with a higher premium
+                    plan.
+                  </Trans>
+                )}
+              </Text>
+            </Column>
+          </Line>
+        </GetSubscriptionCard>
+      ) : null;
+
+    const errorText = lastSendError ? (
+      <Text size="body-small" color="error" noMargin>
+        <Trans>
+          An error happened when sending your request, please try again.
+        </Trans>
+      </Text>
+    ) : null;
+
+    const quotaOrCreditsText = (
+      <Text size="body-small" color="secondary" noMargin>
+        {getQuotaOrCreditsText({
+          quota,
+          increaseQuotaOffering,
+          price,
+          availableCredits,
+          isMobile,
+        })}
+      </Text>
+    );
+
+    if (!aiRequest) {
+      return (
+        <div className={classes.newChatContainer}>
+          <ColumnStackLayout justifyContent="center" expand>
+            <Line noMargin justifyContent="center">
+              <RobotIcon rotating size={40} />
+            </Line>
+            <Column noMargin alignItems="center">
+              <Text size="bold-title">
+                {newAiRequestMode === 'agent' ? (
+                  <Trans>What do you want to make?</Trans>
+                ) : (
+                  <Trans>Ask any gamedev question</Trans>
+                )}
+              </Text>
+            </Column>
+            <Line noMargin justifyContent="center">
+              <TwoStatesButton
+                value={newAiRequestMode}
+                leftButton={{
+                  icon: <Hammer fontSize="small" />,
+                  label: <Trans>Build for me (beta)</Trans>,
+                  value: 'agent',
+                }}
+                rightButton={{
+                  icon: <Help fontSize="small" />,
+                  label: <Trans>Ask a question</Trans>,
+                  value: 'chat',
+                }}
+                onChange={value => {
+                  if (value !== 'chat' && value !== 'agent') {
+                    return;
+                  }
+                  setNewAiRequestMode(value);
+                }}
+              />
+            </Line>
+            <form
+              onSubmit={() => {
+                onStartNewAiRequest({
+                  mode: newAiRequestMode,
+                  userRequest: userRequestTextPerAiRequestId[''],
+                });
+              }}
+            >
+              <ColumnStackLayout justifyContent="center" noMargin>
+                <Column noMargin alignItems="stretch" justifyContent="stretch">
+                  <Spacer />
+                  <CompactTextAreaFieldWithControls
+                    maxLength={6000}
+                    value={userRequestTextPerAiRequestId[''] || ''}
+                    disabled={isSending}
+                    errored={!!lastSendError}
+                    onChange={userRequestText =>
+                      setUserRequestTextPerRequestId(
+                        userRequestTextPerAiRequestId => ({
+                          ...userRequestTextPerAiRequestId,
+                          '': userRequestText,
+                        })
+                      )
+                    }
+                    onSubmit={() => {
+                      onStartNewAiRequest({
+                        mode: newAiRequestMode,
+                        userRequest: userRequestTextPerAiRequestId[''],
+                      });
+                    }}
+                    placeholder={newChatPlaceholder}
+                    rows={5}
+                    controls={
+                      <Column>
+                        <LineStackLayout
+                          alignItems="center"
+                          justifyContent="flex-end"
+                        >
+                          <LeftLoader isLoading={isSending}>
+                            <RaisedButton
+                              color="primary"
+                              icon={<Send />}
+                              label={
+                                newAiRequestMode === 'agent' ? (
+                                  hasOpenedProject ? (
+                                    <Trans>Build this on my game</Trans>
+                                  ) : (
+                                    <Trans>Start building the game</Trans>
+                                  )
+                                ) : (
+                                  <Trans>Send question</Trans>
+                                )
+                              }
+                              style={{ flexShrink: 0 }}
+                              disabled={
+                                isSending ||
+                                !userRequestTextPerAiRequestId[aiRequestId]
+                              }
+                              onClick={() => {
+                                onStartNewAiRequest({
+                                  mode: newAiRequestMode,
+                                  userRequest:
+                                    userRequestTextPerAiRequestId[''],
+                                });
+                              }}
+                            />
+                          </LeftLoader>
+                        </LineStackLayout>
+                      </Column>
+                    }
+                  />
+                </Column>
+                <Line noMargin>
+                  <LineStackLayout
+                    noMargin
+                    alignItems="center"
+                    justifyContent="space-between"
+                    expand
+                  >
+                    {errorText || priceText}
+                    {errorText ? null : quotaOrCreditsText}
+                  </LineStackLayout>
+                </Line>
+              </ColumnStackLayout>
+            </form>
+            {subscriptionBanner ? (
+              <>
+                <Spacer />
+                {subscriptionBanner}
+              </>
+            ) : null}
+          </ColumnStackLayout>
+          <Column justifyContent="center">
+            {newAiRequestMode === 'agent' ? (
+              <Text size="body-small" color="secondary" align="center" noMargin>
+                <Trans>
+                  The AI agent will build simple games or features for you.{' '}
+                  <Link
+                    href={getHelpLink('/interface/ask-ai')}
+                    color="secondary"
+                    onClick={() =>
+                      Window.openExternalURL(getHelpLink('/interface/ask-ai'))
+                    }
+                  >
+                    It can inspect your game objects and events.
+                  </Link>
+                </Trans>
+              </Text>
+            ) : (
+              <Text size="body-small" color="secondary" align="center" noMargin>
+                <Trans>
+                  The AI chat is experimental and still being improved.{' '}
+                  <Link
+                    href={getHelpLink('/interface/ask-ai')}
+                    color="secondary"
+                    onClick={() =>
+                      Window.openExternalURL(getHelpLink('/interface/ask-ai'))
+                    }
+                  >
+                    It has access to your game objects but not events.
+                  </Link>
+                </Trans>
+              </Text>
+            )}
+            {newAiRequestMode === 'agent' ? (
+              <Text size="body-small" color="secondary" align="center" noMargin>
+                <Trans>
+                  Results may vary: experiment and use it for learning.
+                </Trans>
+              </Text>
+            ) : (
+              <Text size="body-small" color="secondary" align="center" noMargin>
+                <Trans>Answers may have mistakes: always verify them.</Trans>
+              </Text>
+            )}
+          </Column>
+        </div>
+      );
+    }
+
+    const userMessagesCount = aiRequest.output.filter(
+      message => message.type === 'message' && message.role === 'user'
+    ).length;
+
+    const hasWorkingFunctionCalls =
+      editorFunctionCallResults &&
+      editorFunctionCallResults.some(
+        functionCallOutput => functionCallOutput.status === 'working'
+      );
+    const allFunctionCallsToProcess = getFunctionCallsToProcess({
+      aiRequest,
+      editorFunctionCallResults,
+    });
+
+    const lastMessageIndex = aiRequest.output.length - 1;
+    const lastMessage = aiRequest.output[lastMessageIndex];
+    const shouldDisplayFeedbackBanner =
+      !hasWorkingFunctionCalls &&
+      !isSending &&
+      aiRequest.status === 'ready' &&
+      aiRequest.mode === 'agent' &&
+      lastMessage.type === 'message' &&
+      lastMessage.role === 'assistant';
+    const lastMessageFeedbackBanner = shouldDisplayFeedbackBanner && (
+      <FeedbackBanner
+        onSendFeedback={(
+          feedback: 'like' | 'dislike',
+          reason?: string,
+          freeFormDetails?: string
+        ) => {
+          onSendFeedback(
+            aiRequestId,
+            lastMessageIndex,
+            feedback,
+            reason,
+            freeFormDetails
+          );
+        }}
+      />
+    );
+
+    return (
+      <Column
+        expand
+        alignItems="stretch"
+        justifyContent="stretch"
+        useFullHeight
+      >
+        <ScrollView ref={scrollViewRef} style={styles.chatScrollView}>
+          <ChatMessages
+            aiRequest={aiRequest}
+            onSendFeedback={onSendFeedback}
+            editorFunctionCallResults={editorFunctionCallResults}
+            editorCallbacks={editorCallbacks}
+            project={project}
+            onProcessFunctionCalls={onProcessFunctionCalls}
+          />
+          <Spacer />
+          <ColumnStackLayout noMargin>
+            {lastMessageFeedbackBanner}
+            {userMessagesCount >= TOO_MANY_USER_MESSAGES_WARNING_COUNT ? (
+              <AlertMessage
+                kind={
+                  userMessagesCount >= TOO_MANY_USER_MESSAGES_ERROR_COUNT
+                    ? 'error'
+                    : 'warning'
+                }
+              >
+                <Trans>
+                  The chat is becoming long - consider creating a new chat to
+                  ask other questions. The AI will better analyze your game and
+                  request in a new chat.
+                </Trans>
+              </AlertMessage>
+            ) : (
+              subscriptionBanner
+            )}
+          </ColumnStackLayout>
+        </ScrollView>
+        <form
+          onSubmit={() => {
+            onSendMessage({
+              userMessage: userRequestTextPerAiRequestId[aiRequestId] || '',
+            });
+          }}
+        >
+          <ColumnStackLayout
+            justifyContent="stretch"
+            alignItems="stretch"
+            noMargin
+          >
+            {isAutoProcessingFunctionCalls &&
+            (hasWorkingFunctionCalls ||
+              isSending ||
+              aiRequest.status === 'working') ? (
+              <Paper background="dark" variant="outlined" square>
+                <Column>
+                  <LineStackLayout
+                    justifyContent="space-between"
+                    alignItems="center"
+                  >
+                    <LineStackLayout alignItems="center" noMargin>
+                      <CircularProgress variant="indeterminate" size={10} />
+                      <Text size="body" color="secondary" noMargin>
+                        <Trans>The AI is building your request.</Trans>
+                      </Text>
+                    </LineStackLayout>
+                    <Text size="body" noMargin>
+                      <Link
+                        href={'#'}
+                        color="secondary"
+                        onClick={() => {
+                          setAutoProcessFunctionCalls(false);
+                        }}
+                      >
+                        <Trans>Pause</Trans>
+                      </Link>
+                    </Text>
+                  </LineStackLayout>
+                </Column>
+              </Paper>
+            ) : !isAutoProcessingFunctionCalls &&
+              allFunctionCallsToProcess.length > 0 ? (
+              <Paper background="dark" variant="outlined" square>
+                <Column>
+                  <LineStackLayout
+                    justifyContent="space-between"
+                    alignItems="center"
+                  >
+                    <LineStackLayout alignItems="center" noMargin>
+                      <Text size="body" color="secondary" noMargin>
+                        <Trans>The AI agent is paused.</Trans>
+                      </Text>
+                    </LineStackLayout>
+                    <Text size="body" noMargin>
+                      <Link
+                        href={'#'}
+                        color="secondary"
+                        onClick={() => {
+                          setAutoProcessFunctionCalls(true);
+                          onProcessFunctionCalls(allFunctionCallsToProcess);
+                        }}
+                      >
+                        <Trans>
+                          Apply everything and continue autonomously
+                        </Trans>
+                      </Link>
+                    </Text>
+                  </LineStackLayout>
+                </Column>
+              </Paper>
+            ) : null}
+            <CompactTextAreaFieldWithControls
+              maxLength={6000}
+              value={userRequestTextPerAiRequestId[aiRequestId] || ''}
+              disabled={isSending}
+              errored={!!lastSendError}
+              onChange={userRequestText =>
+                setUserRequestTextPerRequestId(
+                  userRequestTextPerAiRequestId => ({
+                    ...userRequestTextPerAiRequestId,
+                    [aiRequestId]: userRequestText,
+                  })
+                )
+              }
+              placeholder={
+                aiRequest.mode === 'agent'
+                  ? t`Specify something more to the AI to build`
+                  : t`Ask a follow up question`
+              }
+              rows={2}
+              onSubmit={() => {
+                onSendMessage({
+                  userMessage: userRequestTextPerAiRequestId[aiRequestId] || '',
+                });
+              }}
+              controls={
+                <Column>
+                  <LineStackLayout
+                    alignItems="center"
+                    justifyContent="flex-end"
+                  >
+                    <RaisedButton
+                      color="primary"
+                      disabled={
+                        aiRequest.status === 'working' ||
+                        isSending ||
+                        !userRequestTextPerAiRequestId[aiRequestId]
+                      }
+                      icon={<Send />}
+                      onClick={() => {
+                        onSendMessage({
+                          userMessage:
+                            userRequestTextPerAiRequestId[aiRequestId] || '',
+                        });
+                      }}
+                    />
+                  </LineStackLayout>
+                </Column>
+              }
+            />
+            <Column noMargin alignItems="stretch">
+              <LineStackLayout
+                expand
+                noMargin
+                alignItems="center"
+                justifyContent="space-between"
+              >
+                {errorText || priceText}
+                {errorText ? null : quotaOrCreditsText}
+              </LineStackLayout>
+            </Column>
+          </ColumnStackLayout>
+        </form>
+      </Column>
+    );
+  }
+);

newIDE/app/src/AiGeneration/AskAiHistory.js

@@ -2,25 +2,25 @@
 import * as React from 'react';
 import Drawer from '@material-ui/core/Drawer';
 import ButtonBase from '@material-ui/core/ButtonBase';
-import { Line, Column } from '../../../UI/Grid';
-import { ColumnStackLayout } from '../../../UI/Layout';
-import Text from '../../../UI/Text';
+import { Line, Column } from '../UI/Grid';
+import { ColumnStackLayout } from '../UI/Layout';
+import Text from '../UI/Text';
 import { Trans } from '@lingui/macro';
 import {
   getAiRequests,
   type AiRequest,
-} from '../../../Utils/GDevelopServices/Generation';
-import AuthenticatedUserContext from '../../../Profile/AuthenticatedUserContext';
-import Paper from '../../../UI/Paper';
-import ScrollView from '../../../UI/ScrollView';
-import FlatButton from '../../../UI/FlatButton';
-import { useResponsiveWindowSize } from '../../../UI/Responsive/ResponsiveWindowMeasurer';
-import EmptyMessage from '../../../UI/EmptyMessage';
-import CircularProgress from '../../../UI/CircularProgress';
+} from '../Utils/GDevelopServices/Generation';
+import AuthenticatedUserContext from '../Profile/AuthenticatedUserContext';
+import Paper from '../UI/Paper';
+import ScrollView from '../UI/ScrollView';
+import FlatButton from '../UI/FlatButton';
+import { useResponsiveWindowSize } from '../UI/Responsive/ResponsiveWindowMeasurer';
+import EmptyMessage from '../UI/EmptyMessage';
+import CircularProgress from '../UI/CircularProgress';
 import formatDate from 'date-fns/format';
-import DrawerTopBar from '../../../UI/DrawerTopBar';
-import PlaceholderError from '../../../UI/PlaceholderError';
-import { textEllipsisStyle } from '../../../UI/TextEllipsis';
+import DrawerTopBar from '../UI/DrawerTopBar';
+import PlaceholderError from '../UI/PlaceholderError';
+import { textEllipsisStyle } from '../UI/TextEllipsis';
 
 type Props = {|
   open: boolean,
@@ -61,8 +61,15 @@ const getFirstUserRequestText = (aiRequest: AiRequest): string => {
   if (!aiRequest.output || aiRequest.output.length === 0) return '';
 
   // Find the first user message
-  const userMessage = aiRequest.output.find(message => message.role === 'user');
-  if (!userMessage) return '';
+  const userMessage = aiRequest.output.find(
+    message => message.type === 'message' && message.role === 'user'
+  );
+  if (
+    !userMessage ||
+    userMessage.type !== 'message' ||
+    userMessage.role !== 'user'
+  )
+    return '';
 
   // Extract text from user message content
   return userMessage.content

newIDE/app/src/AiGeneration/Toolbar.js

@@ -1,11 +1,11 @@
 // @flow
 import { Trans, t } from '@lingui/macro';
 import * as React from 'react';
-import { ToolbarGroup } from '../../../UI/Toolbar';
-import AddIcon from '../../../UI/CustomSvgIcons/Add';
-import HistoryIcon from '../../../UI/CustomSvgIcons/History';
-import RaisedButton from '../../../UI/RaisedButton';
-import IconButton from '../../../UI/IconButton';
+import { ToolbarGroup } from '../UI/Toolbar';
+import AddIcon from '../UI/CustomSvgIcons/Add';
+import HistoryIcon from '../UI/CustomSvgIcons/History';
+import RaisedButton from '../UI/RaisedButton';
+import IconButton from '../UI/IconButton';
 
 type Props = {|
   onStartNewChat: () => void,

newIDE/app/src/AiGeneration/UseCreateAiProjectDialog.js

@@ -0,0 +1,145 @@
+// @flow
+
+import React from 'react';
+import { I18n } from '@lingui/react';
+import { type I18n as I18nType } from '@lingui/core';
+import { Trans } from '@lingui/macro';
+import EmptyAndStartingPointProjects from '../ProjectCreation/EmptyAndStartingPointProjects';
+import { ColumnStackLayout } from '../UI/Layout';
+import FlatButton from '../UI/FlatButton';
+import Dialog from '../UI/Dialog';
+import { type ExampleShortHeader } from '../Utils/GDevelopServices/Example';
+import UrlStorageProvider from '../ProjectsStorage/UrlStorageProvider';
+import { generateProjectName } from '../ProjectCreation/NewProjectSetupDialog';
+import { type NewProjectSetup } from '../ProjectCreation/NewProjectSetupDialog';
+
+type RenderCreateAiProjectDialogProps = {
+  onCreateEmptyProject: (newProjectSetup: NewProjectSetup) => Promise<void>,
+  onCreateProjectFromExample: (
+    exampleShortHeader: ExampleShortHeader,
+    newProjectSetup: NewProjectSetup,
+    i18n: I18nType,
+    isQuickCustomization?: boolean
+  ) => Promise<void>,
+};
+
+type CreateAiProjectDialogProps = {
+  onClose: () => void,
+  onSelectExampleShortHeader: (
+    exampleShortHeader: ExampleShortHeader
+  ) => Promise<void>,
+  onSelectEmptyProject: () => Promise<void>,
+};
+
+const CreateAiProjectDialog = ({
+  onClose,
+  onSelectExampleShortHeader,
+  onSelectEmptyProject,
+}: CreateAiProjectDialogProps) => {
+  return (
+    <Dialog
+      open
+      title={<Trans>Ok! Choose a game style to start with</Trans>}
+      id="ai-project-dialog"
+      maxWidth="md"
+      actions={[
+        <FlatButton
+          key="cancel"
+          label={<Trans>Cancel</Trans>}
+          onClick={onClose}
+        />,
+      ]}
+      onRequestClose={onClose}
+      onApply={() => {
+        // TODO
+      }}
+      flexColumnBody
+    >
+      <ColumnStackLayout noMargin>
+        <EmptyAndStartingPointProjects
+          onSelectExampleShortHeader={exampleShortHeader => {
+            onSelectExampleShortHeader(exampleShortHeader);
+          }}
+          onSelectEmptyProject={() => {
+            onSelectEmptyProject();
+          }}
+        />
+      </ColumnStackLayout>
+    </Dialog>
+  );
+};
+
+type CreateAiProjectResult = 'canceled' | 'created';
+
+export const useCreateAiProjectDialog = () => {
+  const [createPromise, setCreatePromise] = React.useState<null | {|
+    onFinished: (result: CreateAiProjectResult) => void,
+    promise: Promise<CreateAiProjectResult>,
+  |}>(null);
+
+  const createAiProject: () => Promise<CreateAiProjectResult> = React.useCallback(
+    () => {
+      if (createPromise) {
+        return createPromise.promise;
+      }
+
+      // Make a promise that we can resolve later from the creation dialog.
+      let resolve: (result: CreateAiProjectResult) => void = () => {};
+      const promise = new Promise(resolveFn => {
+        resolve = resolveFn;
+      });
+
+      setCreatePromise({
+        onFinished: (result: CreateAiProjectResult) => {
+          setCreatePromise(null);
+          resolve(result);
+        },
+        promise,
+      });
+      return promise;
+    },
+    [createPromise]
+  );
+
+  return {
+    createAiProject,
+    renderCreateAiProjectDialog: (props: RenderCreateAiProjectDialogProps) => {
+      if (!createPromise) return null;
+
+      return (
+        <I18n>
+          {({ i18n }) => (
+            <CreateAiProjectDialog
+              onClose={() => {
+                createPromise.onFinished('canceled');
+              }}
+              onSelectExampleShortHeader={async exampleShortHeader => {
+                const newProjectSetup: NewProjectSetup = {
+                  storageProvider: UrlStorageProvider,
+                  saveAsLocation: null,
+                  dontOpenAnySceneOrProjectManager: true,
+                };
+                await props.onCreateProjectFromExample(
+                  exampleShortHeader,
+                  newProjectSetup,
+                  i18n,
+                  false // isQuickCustomization
+                );
+                createPromise.onFinished('created');
+              }}
+              onSelectEmptyProject={async () => {
+                await props.onCreateEmptyProject({
+                  projectName: generateProjectName('AI starter'),
+                  storageProvider: UrlStorageProvider,
+                  saveAsLocation: null,
+                  dontOpenAnySceneOrProjectManager: true,
+                });
+                createPromise.onFinished('created');
+              }}
+            />
+          )}
+        </I18n>
+      );
+    },
+  };
+};

newIDE/app/src/AiGeneration/UseEnsureExtensionInstalled.js

@@ -0,0 +1,54 @@
+// @flow
+import * as React from 'react';
+import { type I18n as I18nType } from '@lingui/core';
+import { ExtensionStoreContext } from '../AssetStore/ExtensionStore/ExtensionStoreContext';
+import EventsFunctionsExtensionsContext from '../EventsFunctionsExtensionsLoader/EventsFunctionsExtensionsContext';
+import { installExtension } from '../AssetStore/ExtensionStore/InstallExtension';
+
+type EnsureExtensionInstalledOptions = {|
+  extensionName: string,
+|};
+
+export const useEnsureExtensionInstalled = ({
+  project,
+  i18n,
+}: {|
+  project: ?gdProject,
+  i18n: I18nType,
+|}) => {
+  const { translatedExtensionShortHeadersByName } = React.useContext(
+    ExtensionStoreContext
+  );
+  const eventsFunctionsExtensionsState = React.useContext(
+    EventsFunctionsExtensionsContext
+  );
+
+  return {
+    ensureExtensionInstalled: React.useCallback(
+      async ({ extensionName }: EnsureExtensionInstalledOptions) => {
+        if (!project) return;
+        if (project.getCurrentPlatform().isExtensionLoaded(extensionName))
+          return;
+
+        const extensionShortHeader =
+          translatedExtensionShortHeadersByName[extensionName];
+        if (!extensionShortHeader) {
+          throw new Error("Can't find extension with the required name.");
+        }
+
+        await installExtension(
+          i18n,
+          project,
+          eventsFunctionsExtensionsState,
+          extensionShortHeader
+        );
+      },
+      [
+        eventsFunctionsExtensionsState,
+        i18n,
+        project,
+        translatedExtensionShortHeadersByName,
+      ]
+    ),
+  };
+};

newIDE/app/src/AiGeneration/UseGenerateEvents.js

@@ -0,0 +1,107 @@
+// @flow
+import * as React from 'react';
+import AuthenticatedUserContext from '../Profile/AuthenticatedUserContext';
+import { retryIfFailed } from '../Utils/RetryIfFailed';
+import { delay } from '../Utils/Delay';
+import {
+  getAiGeneratedEvent,
+  createAiGeneratedEvent,
+} from '../Utils/GDevelopServices/Generation';
+
+import { type EventsGenerationResult } from '../EditorFunctions';
+import { makeSimplifiedProjectBuilder } from '../EditorFunctions/SimplifiedProject/SimplifiedProject';
+
+const gd: libGDevelop = global.gd;
+
+export const useGenerateEvents = ({ project }: {| project: ?gdProject |}) => {
+  const { profile, getAuthorizationHeader } = React.useContext(
+    AuthenticatedUserContext
+  );
+
+  const generateEvents = React.useCallback(
+    async ({
+      sceneName,
+      eventsDescription,
+      extensionNamesList,
+      objectsList,
+      existingEventsAsText,
+      placementHint,
+      relatedAiRequestId,
+    }: {|
+      sceneName: string,
+      eventsDescription: string,
+      extensionNamesList: string,
+      objectsList: string,
+      existingEventsAsText: string,
+      placementHint: string,
+      relatedAiRequestId: string,
+    |}): Promise<EventsGenerationResult> => {
+      if (!project) throw new Error('No project is opened.');
+      if (!profile) throw new Error('User should be authenticated.');
+
+      const simplifiedProjectBuilder = makeSimplifiedProjectBuilder(gd);
+      const projectSpecificExtensionsSummaryJson = JSON.stringify(
+        simplifiedProjectBuilder.getProjectSpecificExtensionsSummary(project)
+      );
+
+      const createResult = await retryIfFailed({ times: 2 }, () =>
+        createAiGeneratedEvent(getAuthorizationHeader, {
+          userId: profile.id,
+          partialGameProjectJson: JSON.stringify(
+            simplifiedProjectBuilder.getSimplifiedProject(project, {
+              scopeToScene: sceneName,
+            }),
+            null,
+            2
+          ),
+          projectSpecificExtensionsSummaryJson,
+          sceneName,
+          eventsDescription,
+          extensionNamesList,
+          objectsList,
+          existingEventsAsText,
+          placementHint,
+          relatedAiRequestId,
+        })
+      );
+
+      if (!createResult.creationSucceeded) {
+        return {
+          generationCompleted: false,
+          errorMessage: createResult.errorMessage,
+        };
+      }
+
+      let remainingAttempts = 50;
+      let aiGeneratedEvent = createResult.aiGeneratedEvent;
+      while (aiGeneratedEvent.status === 'working') {
+        remainingAttempts--;
+        await delay(1000);
+
+        try {
+          aiGeneratedEvent = await getAiGeneratedEvent(getAuthorizationHeader, {
+            userId: profile.id,
+            aiGeneratedEventId: aiGeneratedEvent.id,
+          });
+        } catch (error) {
+          console.warn(
+            'Error while checking status of AI generated event - continuing...',
+            error
+          );
+        }
+        if (remainingAttempts <= 0) {
+          return {
+            generationCompleted: false,
+            errorMessage:
+              'Event generation started but failed to complete in time.',
+          };
+        }
+      }
+
+      return { generationCompleted: true, aiGeneratedEvent };
+    },
+    [getAuthorizationHeader, project, profile]
+  );
+
+  return { generateEvents };
+};

newIDE/app/src/AiGeneration/UseSearchAndInstallAsset.js

@@ -0,0 +1,82 @@
+// @flow
+import * as React from 'react';
+import {
+  type AssetSearchAndInstallOptions,
+  type AssetSearchAndInstallResult,
+} from '../EditorFunctions';
+import AuthenticatedUserContext from '../Profile/AuthenticatedUserContext';
+import {
+  createAssetSearch,
+  type AssetSearch,
+} from '../Utils/GDevelopServices/Generation';
+import { retryIfFailed } from '../Utils/RetryIfFailed';
+import { useInstallAsset } from '../AssetStore/NewObjectDialog';
+import { type ResourceManagementProps } from '../ResourcesList/ResourceSource';
+
+export const useSearchAndInstallAsset = ({
+  project,
+  resourceManagementProps,
+}: {|
+  project: gdProject | null,
+  resourceManagementProps: ResourceManagementProps,
+|}) => {
+  const { profile, getAuthorizationHeader } = React.useContext(
+    AuthenticatedUserContext
+  );
+  const installAsset = useInstallAsset({
+    project,
+    resourceManagementProps,
+  });
+
+  return {
+    searchAndInstallAsset: React.useCallback(
+      async ({
+        scene,
+        objectName,
+        ...assetSearchOptions
+      }: AssetSearchAndInstallOptions): Promise<AssetSearchAndInstallResult> => {
+        if (!profile) throw new Error('User should be authenticated.');
+
+        const assetSearch: AssetSearch = await retryIfFailed({ times: 2 }, () =>
+          createAssetSearch(getAuthorizationHeader, {
+            userId: profile.id,
+            ...assetSearchOptions,
+          })
+        );
+        if (!assetSearch.results || assetSearch.results.length === 0) {
+          return {
+            status: 'nothing-found',
+            message: 'No assets found.',
+            createdObjects: [],
+          };
+        }
+
+        // In the future, we could ask the user to select the asset they want to use.
+        // For now, we just return the first asset.
+        const chosenResult = assetSearch.results[0];
+        if (!chosenResult) throw new Error('No asset found.');
+
+        const installOutput = await installAsset({
+          assetShortHeader: chosenResult.asset,
+          objectsContainer: scene.getObjects(),
+          requestedObjectName: objectName,
+        });
+
+        if (!installOutput) {
+          return {
+            status: 'error',
+            message: 'Asset found but failed to install asset.',
+            createdObjects: [],
+          };
+        }
+
+        return {
+          status: 'asset-installed',
+          message: 'Asset installed successfully.',
+          createdObjects: installOutput.createdObjects,
+        };
+      },
+      [installAsset, profile, getAuthorizationHeader]
+    ),
+  };
+};

newIDE/app/src/AssetStore/AssetPackInstallDialog.js

@@ -159,15 +159,21 @@ const AssetPackInstallDialog = ({
             project,
           }
         );
-        const shouldUpdateExtension =
-          requiredExtensionInstallation.outOfDateExtensionShortHeaders.length >
-            0 &&
-          (await showExtensionUpdateConfirmation(
-            requiredExtensionInstallation.outOfDateExtensionShortHeaders
-          ));
+        const extensionUpdateAction =
+          requiredExtensionInstallation.outOfDateExtensionShortHeaders
+            .length === 0
+            ? 'skip'
+            : await showExtensionUpdateConfirmation({
+                project,
+                outOfDateExtensionShortHeaders:
+                  requiredExtensionInstallation.outOfDateExtensionShortHeaders,
+              });
+        if (extensionUpdateAction === 'abort') {
+          return;
+        }
         await installRequiredExtensions({
           requiredExtensionInstallation,
-          shouldUpdateExtension,
+          shouldUpdateExtension: extensionUpdateAction === 'update',
           eventsFunctionsExtensionsState,
           project,
         });

newIDE/app/src/AssetStore/AssetSwappingDialog.js

@@ -50,7 +50,6 @@ function AssetSwappingDialog({
   ] = React.useState<boolean>(false);
   const installAsset = useInstallAsset({
     project,
-    objectsContainer,
     resourceManagementProps,
   });
   const { showAlert } = useAlertDialog();
@@ -73,7 +72,10 @@ function AssetSwappingDialog({
 
       setIsAssetBeingInstalled(true);
       try {
-        const installAssetOutput = await installAsset(openedAssetShortHeader);
+        const installAssetOutput = await installAsset({
+          assetShortHeader: openedAssetShortHeader,
+          objectsContainer,
+        });
         if (!installAssetOutput) {
           throw new Error('Failed to install asset');
         }

newIDE/app/src/AssetStore/BehaviorStore/BehaviorListItem.js

@@ -1,6 +1,7 @@
 // @flow
 import * as React from 'react';
 import { type BehaviorShortHeader } from '../../Utils/GDevelopServices/Extension';
+import { isCompatibleWithGDevelopVersion } from '../../Utils/Extension/ExtensionCompatibilityChecker.js';
 import ButtonBase from '@material-ui/core/ButtonBase';
 import Text from '../../UI/Text';
 import { Trans } from '@lingui/macro';
@@ -10,12 +11,10 @@ import HighlightedText from '../../UI/Search/HighlightedText';
 import { type SearchMatch } from '../../UI/Search/UseSearchStructuredItem';
 import Chip from '../../UI/Chip';
 import { LineStackLayout } from '../../UI/Layout';
-import { type SearchableBehaviorMetadata } from './BehaviorStoreContext';
 import { UserPublicProfileChip } from '../../UI/User/UserPublicProfileChip';
 import Tooltip from '@material-ui/core/Tooltip';
 import CircledInfo from '../../UI/CustomSvgIcons/SmallCircledInfo';
 import IconButton from '../../UI/IconButton';
-import semverSatisfies from 'semver/functions/satisfies';
 import { getIDEVersion } from '../../Version';
 
 const gd: libGDevelop = global.gd;
@@ -34,7 +33,7 @@ type Props = {|
   id?: string,
   objectType: string,
   objectBehaviorsTypes: Array<string>,
-  behaviorShortHeader: BehaviorShortHeader | SearchableBehaviorMetadata,
+  behaviorShortHeader: BehaviorShortHeader,
   matches: ?Array<SearchMatch>,
   onChoose: () => void,
   onShowDetails: () => void,
@@ -68,11 +67,10 @@ export const BehaviorListItem = ({
         objectBehaviorsTypes.includes(requiredBehaviorType)
       );
     });
-  const isEngineCompatible =
-    !behaviorShortHeader.gdevelopVersion ||
-    semverSatisfies(getIDEVersion(), behaviorShortHeader.gdevelopVersion, {
-      includePrerelease: true,
-    });
+  const isEngineCompatible = isCompatibleWithGDevelopVersion(
+    getIDEVersion(),
+    behaviorShortHeader.gdevelopVersion
+  );
 
   // Report the height of the item once it's known.
   const containerRef = React.useRef<?HTMLDivElement>(null);

newIDE/app/src/AssetStore/BehaviorStore/BehaviorStoreContext.js

@@ -22,26 +22,15 @@ const emptySearchText = '';
 const noExcludedTiers = new Set();
 const excludedCommunityTiers = new Set(['community']);
 
-export type SearchableBehaviorMetadata = {|
-  type: string,
-  fullName: string,
-  description: string,
-  objectType: string,
-  /**
-   * All required behaviors including transitive ones.
-   */
-  allRequiredBehaviorTypes: Array<string>,
-  previewIconUrl: string,
-  category: string,
-  tags: string[],
-  isDeprecated?: boolean,
+type TranslatedBehaviorShortHeader = {|
+  ...BehaviorShortHeader,
+  englishFullName: string,
+  englishDescription: string,
 |};
 
 type BehaviorStoreState = {|
   filters: ?Filters,
-  searchResults: ?Array<
-    SearchResult<BehaviorShortHeader | SearchableBehaviorMetadata>
-  >,
+  searchResults: ?Array<SearchResult<BehaviorShortHeader>>,
   fetchBehaviors: () => void,
   error: ?Error,
   searchText: string,
@@ -50,9 +39,11 @@ type BehaviorStoreState = {|
   chosenCategory: string,
   setChosenCategory: string => void,
   setInstalledBehaviorMetadataList: (
-    installedBehaviorMetadataList: Array<SearchableBehaviorMetadata>
+    installedBehaviorMetadataList: Array<BehaviorShortHeader>
   ) => void,
-  translatedBehaviorShortHeadersByType: { [name: string]: BehaviorShortHeader },
+  translatedBehaviorShortHeadersByType: {
+    [name: string]: TranslatedBehaviorShortHeader,
+  },
   filtersState: FiltersState,
 |};
 
@@ -92,12 +83,12 @@ export const BehaviorStoreStateProvider = ({
   const [
     installedBehaviorMetadataList,
     setInstalledBehaviorMetadataList,
-  ] = React.useState<Array<SearchableBehaviorMetadata>>([]);
+  ] = React.useState<Array<BehaviorShortHeader>>([]);
   const [
     translatedBehaviorShortHeadersByType,
     setTranslatedBehaviorShortHeadersByType,
   ] = React.useState<{
-    [string]: BehaviorShortHeader,
+    [string]: TranslatedBehaviorShortHeader,
   }>({});
 
   const preferences = React.useContext(PreferencesContext);
@@ -139,10 +130,12 @@ export const BehaviorStoreStateProvider = ({
 
           const translatedBehaviorShortHeadersByType = {};
           behaviorShortHeaders.forEach(behaviorShortHeader => {
-            const translatedBehaviorShortHeader: BehaviorShortHeader = {
+            const translatedBehaviorShortHeader: TranslatedBehaviorShortHeader = {
               ...behaviorShortHeader,
               fullName: i18n._(behaviorShortHeader.fullName),
               description: i18n._(behaviorShortHeader.description),
+              englishFullName: behaviorShortHeader.fullName,
+              englishDescription: behaviorShortHeader.description,
             };
             translatedBehaviorShortHeadersByType[
               behaviorShortHeader.type
@@ -216,16 +209,76 @@ export const BehaviorStoreStateProvider = ({
   const allTranslatedBehaviors = React.useMemo(
     () => {
       const allTranslatedBehaviors: {
-        [name: string]: BehaviorShortHeader | SearchableBehaviorMetadata,
+        [name: string]: BehaviorShortHeader,
       } = {};
       for (const type in translatedBehaviorShortHeadersByType) {
-        allTranslatedBehaviors[type] =
-          translatedBehaviorShortHeadersByType[type];
+        const behaviorShortHeader: any = {
+          ...translatedBehaviorShortHeadersByType[type],
+        };
+        delete behaviorShortHeader.englishFullName;
+        delete behaviorShortHeader.englishDescription;
+        allTranslatedBehaviors[type] = behaviorShortHeader;
       }
       for (const installedBehaviorMetadata of installedBehaviorMetadataList) {
+        const repositoryBehaviorMetadata =
+          translatedBehaviorShortHeadersByType[installedBehaviorMetadata.type];
+        const behaviorMetadata = repositoryBehaviorMetadata
+          ? {
+              // Attributes from the extension repository
+
+              // These attributes are important for the installation and update workflow.
+              isInstalled: true,
+              tier: repositoryBehaviorMetadata.tier,
+              version: repositoryBehaviorMetadata.version,
+              changelog: repositoryBehaviorMetadata.changelog,
+              url: repositoryBehaviorMetadata.url,
+              // It gives info about the extension that can be displayed to users.
+              headerUrl: repositoryBehaviorMetadata.headerUrl,
+              authorIds: repositoryBehaviorMetadata.authorIds,
+              authors: repositoryBehaviorMetadata.authors,
+              // It's empty and not used.
+              extensionNamespace: repositoryBehaviorMetadata.extensionNamespace,
+
+              // Attributes from the installed extension
+
+              // New extension versions might require a different object.
+              // It must not forbid users to attach the behavior since their
+              // version allows it.
+              objectType: installedBehaviorMetadata.objectType,
+              allRequiredBehaviorTypes:
+                installedBehaviorMetadata.allRequiredBehaviorTypes,
+              // These ones are less important but its better to use the icon of
+              // the installed extension since it's used everywhere in the editor.
+              previewIconUrl: installedBehaviorMetadata.previewIconUrl,
+              category: installedBehaviorMetadata.category,
+              tags: installedBehaviorMetadata.tags,
+              // Both metadata are supposed to have the same type, but the
+              // installed ones are safer to use.
+              // It reduces the risk of accessing an extension that doesn't
+              // actually exist in the project.
+              type: installedBehaviorMetadata.type,
+              name: installedBehaviorMetadata.name,
+              extensionName: installedBehaviorMetadata.extensionName,
+
+              // Attributes switching between both
+
+              // Translations may not be relevant for the installed version.
+              // We use the translation only if the not translated texts match.
+              fullName:
+                installedBehaviorMetadata.fullName ===
+                repositoryBehaviorMetadata.englishFullName
+                  ? repositoryBehaviorMetadata.fullName
+                  : installedBehaviorMetadata.fullName,
+              description:
+                installedBehaviorMetadata.description ===
+                repositoryBehaviorMetadata.englishDescription
+                  ? repositoryBehaviorMetadata.description
+                  : installedBehaviorMetadata.description,
+            }
+          : installedBehaviorMetadata;
         allTranslatedBehaviors[
           installedBehaviorMetadata.type
-        ] = installedBehaviorMetadata;
+        ] = behaviorMetadata;
       }
       return allTranslatedBehaviors;
     },
@@ -282,7 +335,7 @@ export const BehaviorStoreStateProvider = ({
   );
 
   const searchResults: ?Array<
-    SearchResult<BehaviorShortHeader | SearchableBehaviorMetadata>
+    SearchResult<BehaviorShortHeader>
   > = useSearchStructuredItem(allTranslatedBehaviors, {
     searchText,
     chosenItemCategory: chosenCategory,

newIDE/app/src/AssetStore/BehaviorStore/index.js

@@ -1,7 +1,12 @@
 // @flow
 import { type I18n as I18nType } from '@lingui/core';
 import * as React from 'react';
+import semverGreaterThan from 'semver/functions/gt';
 import SearchBar from '../../UI/SearchBar';
+import {
+  getBreakingChanges,
+  isCompatibleWithGDevelopVersion,
+} from '../../Utils/Extension/ExtensionCompatibilityChecker.js';
 import { type BehaviorShortHeader } from '../../Utils/GDevelopServices/Extension';
 import { BehaviorStoreContext } from './BehaviorStoreContext';
 import { ListSearchResults } from '../../UI/Search/ListSearchResults';
@@ -16,21 +21,31 @@ import PreferencesContext from '../../MainFrame/Preferences/PreferencesContext';
 import { ResponsiveLineStackLayout } from '../../UI/Layout';
 import SearchBarSelectField from '../../UI/SearchBarSelectField';
 import SelectOption from '../../UI/SelectOption';
-import { type SearchableBehaviorMetadata } from './BehaviorStoreContext';
 import ElementWithMenu from '../../UI/Menu/ElementWithMenu';
 import IconButton from '../../UI/IconButton';
 import ThreeDotsMenu from '../../UI/CustomSvgIcons/ThreeDotsMenu';
 import useAlertDialog from '../../UI/Alert/useAlertDialog';
 import ExtensionInstallDialog from '../ExtensionStore/ExtensionInstallDialog';
+import { getIDEVersion } from '../../Version';
 
 export const useExtensionUpdateAlertDialog = () => {
   const { showConfirmation } = useAlertDialog();
-  return async (): Promise<boolean> => {
+  return async (
+    project: gdProject,
+    behaviorShortHeader: BehaviorShortHeader
+  ): Promise<boolean> => {
     return await showConfirmation({
       title: t`Extension update`,
-      message: t`This behavior needs an extension update. You may have to do some adaptations to make sure your game still works.${'\n\n'}Do you want to update it now ?`,
+      message:
+        behaviorShortHeader.tier === 'reviewed'
+          ? // Reviewed extensions are closely watched
+            // and any breaking change will be added to the extension metadata.
+            t`This behavior can be updated with new features and fixes.${'\n\n'}Do you want to update it now ?`
+          : // Community extensions are checked as much as possible
+            // but we can't ensure every breaking changes will be added to the extension metadata.
+            t`This behavior can be updated. You may have to do some adaptations to make sure your game still works.${'\n\n'}Do you want to update it now ?`,
       confirmButtonLabel: t`Update the extension`,
-      dismissButtonLabel: t`Cancel`,
+      dismissButtonLabel: t`Skip the update`,
     });
   };
 };
@@ -40,15 +55,14 @@ type Props = {|
   project: gdProject,
   objectType: string,
   objectBehaviorsTypes: Array<string>,
-  installedBehaviorMetadataList: Array<SearchableBehaviorMetadata>,
-  deprecatedBehaviorMetadataList: Array<SearchableBehaviorMetadata>,
+  installedBehaviorMetadataList: Array<BehaviorShortHeader>,
+  deprecatedBehaviorMetadataList: Array<BehaviorShortHeader>,
   onInstall: (behaviorShortHeader: BehaviorShortHeader) => Promise<boolean>,
   onChoose: (behaviorType: string) => void,
 |};
 
-const getBehaviorType = (
-  behaviorShortHeader: BehaviorShortHeader | SearchableBehaviorMetadata
-) => behaviorShortHeader.type;
+const getBehaviorType = (behaviorShortHeader: BehaviorShortHeader) =>
+  behaviorShortHeader.type;
 
 export const BehaviorStore = ({
   isInstalling,
@@ -119,9 +133,7 @@ export const BehaviorStore = ({
   );
 
   const getExtensionsMatches = React.useCallback(
-    (
-      extensionShortHeader: BehaviorShortHeader | SearchableBehaviorMetadata
-    ): SearchMatch[] => {
+    (extensionShortHeader: BehaviorShortHeader): SearchMatch[] => {
       if (!searchResults) return [];
       const extensionMatches = searchResults.find(
         result => result.item.type === extensionShortHeader.type
@@ -138,20 +150,60 @@ export const BehaviorStore = ({
   const showExtensionUpdateConfirmation = useExtensionUpdateAlertDialog();
 
   const installAndChoose = React.useCallback(
-    async (
-      behaviorShortHeader: BehaviorShortHeader | SearchableBehaviorMetadata
-    ) => {
+    async (behaviorShortHeader: BehaviorShortHeader) => {
+      if (behaviorShortHeader.tier === 'installed') {
+        // The extension is not in the repository.
+        // It's either built-in or user made.
+        // It can't be updated.
+        onChoose(behaviorShortHeader.type);
+        return;
+      }
       const isExtensionAlreadyInstalled =
         behaviorShortHeader.extensionName &&
         project.hasEventsFunctionsExtensionNamed(
           behaviorShortHeader.extensionName
         );
       if (isExtensionAlreadyInstalled) {
-        const shouldUpdateExtension = await showExtensionUpdateConfirmation();
+        const installedVersion = project
+          .getEventsFunctionsExtension(behaviorShortHeader.extensionName)
+          .getVersion();
+        // repository version <= installed version
+        if (!semverGreaterThan(behaviorShortHeader.version, installedVersion)) {
+          // The extension is already up to date.
+          onChoose(behaviorShortHeader.type);
+          return;
+        }
+        if (
+          !isCompatibleWithGDevelopVersion(
+            getIDEVersion(),
+            behaviorShortHeader.gdevelopVersion
+          )
+        ) {
+          // Don't suggest to update the extension if the editor can't understand it.
+          onChoose(behaviorShortHeader.type);
+          return;
+        }
+        const breakingChanges = getBreakingChanges(
+          installedVersion,
+          behaviorShortHeader
+        );
+        if (breakingChanges && breakingChanges.length > 0) {
+          // Don't suggest to update the extension if it would break the project.
+          onChoose(behaviorShortHeader.type);
+          return;
+        }
+        const shouldUpdateExtension = await showExtensionUpdateConfirmation(
+          project,
+          behaviorShortHeader
+        );
         if (!shouldUpdateExtension) {
+          onChoose(behaviorShortHeader.type);
           return;
         }
       }
+      // Behaviors from the store that are not compatible with the editor are
+      // greyed out in the list and can't be chosen by users.
+      // No need to check `isCompatibleWithGDevelopVersion`.
 
       if (behaviorShortHeader.url) {
         sendExtensionAddedToProject(behaviorShortHeader.name);

newIDE/app/src/AssetStore/ExampleStore/ExampleInformationPage.js

@@ -2,7 +2,7 @@
 import { Trans } from '@lingui/macro';
 import * as React from 'react';
 import { type ExampleShortHeader } from '../../Utils/GDevelopServices/Example';
-import { isCompatibleWithGDevelopVersion } from '../../Utils/GDevelopServices/Asset';
+import { isCompatibleWithGDevelopVersion } from '../../Utils/Extension/ExtensionCompatibilityChecker.js';
 import { MarkdownText } from '../../UI/MarkdownText';
 import Text from '../../UI/Text';
 import AlertMessage from '../../UI/AlertMessage';

newIDE/app/src/AssetStore/ExtensionStore/ExtensionInstallDialog.js

@@ -8,8 +8,13 @@ import {
   type ExtensionHeader,
   type BehaviorShortHeader,
   getExtensionHeader,
-  isCompatibleWithExtension,
 } from '../../Utils/GDevelopServices/Extension';
+import {
+  getBreakingChanges,
+  formatOldBreakingChanges,
+  formatBreakingChanges,
+  isCompatibleWithGDevelopVersion,
+} from '../../Utils/Extension/ExtensionCompatibilityChecker.js';
 import LeftLoader from '../../UI/LeftLoader';
 import PlaceholderLoader from '../../UI/PlaceholderLoader';
 import PlaceholderError from '../../UI/PlaceholderError';
@@ -26,6 +31,7 @@ import Window from '../../Utils/Window';
 import { useExtensionUpdate } from './UseExtensionUpdates';
 import HelpButton from '../../UI/HelpButton';
 import useAlertDialog from '../../UI/Alert/useAlertDialog';
+import { Accordion, AccordionHeader, AccordionBody } from '../../UI/Accordion';
 
 export const useOutOfDateAlertDialog = () => {
   const { showConfirmation } = useAlertDialog();
@@ -84,6 +90,21 @@ const ExtensionInstallDialog = ({
     ? installedExtension.getOriginName() === 'gdevelop-extension-store'
     : false;
 
+  const newBreakingChangesText = installedExtension
+    ? formatBreakingChanges(
+        getBreakingChanges(
+          installedExtension.getVersion(),
+          extensionShortHeader
+        )
+      )
+    : null;
+  const oldBreakingChangesText = installedExtension
+    ? formatOldBreakingChanges(
+        installedExtension.getVersion(),
+        extensionShortHeader
+      )
+    : null;
+
   const extensionUpdate = useExtensionUpdate(project, extensionShortHeader);
 
   const [error, setError] = React.useState<?Error>(null);
@@ -109,9 +130,9 @@ const ExtensionInstallDialog = ({
 
   React.useEffect(() => loadExtensionheader(), [loadExtensionheader]);
 
-  const isCompatible = isCompatibleWithExtension(
+  const isCompatible = isCompatibleWithGDevelopVersion(
     getIDEVersion(),
-    extensionShortHeader
+    extensionShortHeader.gdevelopVersion
   );
 
   const canInstallExtension = !isInstalling && isCompatible;
@@ -311,6 +332,26 @@ const ExtensionInstallDialog = ({
             </Trans>
           </PlaceholderError>
         )}
+        {newBreakingChangesText && (
+          <>
+            <Text size="sub-title">
+              <Trans>Breaking changes</Trans>
+            </Text>
+            <MarkdownText source={newBreakingChangesText} isStandaloneText />
+          </>
+        )}
+        {oldBreakingChangesText && (
+          <Accordion noMargin>
+            <AccordionHeader noMargin>
+              <Text size="sub-title">
+                <Trans>Previous breaking changes (no longer relevant)</Trans>
+              </Text>
+            </AccordionHeader>
+            <AccordionBody disableGutters>
+              <MarkdownText source={oldBreakingChangesText} isStandaloneText />
+            </AccordionBody>
+          </Accordion>
+        )}
       </ColumnStackLayout>
     </Dialog>
   );

newIDE/app/src/AssetStore/ExtensionStore/InstallExtension.js

@@ -10,6 +10,7 @@ import { addSerializedExtensionsToProject } from '../InstallAsset';
 import { type EventsFunctionsExtensionsState } from '../../EventsFunctionsExtensionsLoader/EventsFunctionsExtensionsContext';
 import { t } from '@lingui/macro';
 import Window from '../../Utils/Window';
+import { retryIfFailed } from '../../Utils/RetryIfFailed';
 
 /**
  * Download and add the extension in the project.
@@ -21,7 +22,9 @@ export const installExtension = async (
   extensionShortHeader: ExtensionShortHeader | BehaviorShortHeader
 ): Promise<boolean> => {
   try {
-    const serializedExtension = await getExtension(extensionShortHeader);
+    const serializedExtension = await retryIfFailed({ times: 2 }, () =>
+      getExtension(extensionShortHeader)
+    );
     await addSerializedExtensionsToProject(
       eventsFunctionsExtensionsState,
       project,

newIDE/app/src/AssetStore/InstallAsset.js

@@ -4,7 +4,6 @@ import {
   isPixelArt,
   isPublicAssetResourceUrl,
   extractDecodedFilenameWithExtensionFromPublicAssetResourceUrl,
-  isCompatibleWithGDevelopVersion,
 } from '../Utils/GDevelopServices/Asset';
 import { getIDEVersion } from '../Version';
 import newNameGenerator from '../Utils/NewNameGenerator';
@@ -23,37 +22,13 @@ import { mapVector } from '../Utils/MapFor';
 import { toNewGdMapStringString } from '../Utils/MapStringString';
 import { getInsertionParentAndPositionFromSelection } from '../Utils/ObjectFolders';
 import { allResourceKindsAndMetadata } from '../ResourcesList/ResourceSource';
+import {
+  getBreakingChanges,
+  isCompatibleWithGDevelopVersion,
+} from '../Utils/Extension/ExtensionCompatibilityChecker.js';
 
 const gd: libGDevelop = global.gd;
 
-const toPascalCase = (str: string) => {
-  if (!str) return '';
-  return str
-    .replace(/^[^A-Za-z0-9]*|[^A-Za-z0-9]*$/g, '$')
-    .replace(/[^A-Za-z0-9]+/g, '$')
-    .replace(/([a-z])([A-Z])/g, function(m, a, b) {
-      return a + '$' + b;
-    })
-    .toLowerCase()
-    .replace(/(\$)(\w?)/g, function(m, a, b) {
-      return b.toUpperCase();
-    });
-};
-
-export const sanitizeObjectName = (objectName: string) => {
-  const trimmedObjectName = objectName.trim();
-  if (!trimmedObjectName) return 'UnnamedObject';
-
-  const pascalCaseName = toPascalCase(trimmedObjectName);
-
-  let prefixedObjectName = pascalCaseName;
-  if (prefixedObjectName[0] >= '0' && prefixedObjectName[0] <= '9') {
-    prefixedObjectName = '_' + prefixedObjectName;
-  }
-
-  return prefixedObjectName;
-};
-
 /**
  * Adds the specified resource to the resources manager, avoiding to duplicate
  * if it was already added.
@@ -153,6 +128,7 @@ export type InstallAssetArgs = {|
   project: gdProject,
   objectsContainer: gdObjectsContainer,
   targetObjectFolderOrObject?: ?gdObjectFolderOrObject,
+  requestedObjectName?: string,
 |};
 
 const findVariant = (
@@ -177,6 +153,7 @@ export const addAssetToProject = async ({
   project,
   objectsContainer,
   targetObjectFolderOrObject,
+  requestedObjectName,
 }: InstallAssetArgs): Promise<InstallAssetOutput> => {
   const objectNewNames = {};
   const resourceNewNames = {};
@@ -269,8 +246,10 @@ export const addAssetToProject = async ({
       }
     }
 
-    // Insert the object
-    const originalName = sanitizeObjectName(objectAsset.object.name);
+    // Insert the object.
+    const originalName = gd.Project.getSafeName(
+      requestedObjectName || objectAsset.object.name
+    );
     const newName = newNameGenerator(originalName, name =>
       objectsContainer.hasObjectNamed(name)
     );
@@ -391,7 +370,10 @@ export type RequiredExtensionInstallation = {|
   requiredExtensionShortHeaders: Array<ExtensionShortHeader>,
   missingExtensionShortHeaders: Array<ExtensionShortHeader>,
   outOfDateExtensionShortHeaders: Array<ExtensionShortHeader>,
+  breakingChangesExtensionShortHeaders: Array<ExtensionShortHeader>,
   incompatibleWithIdeExtensionShortHeaders: Array<ExtensionShortHeader>,
+  safeToUpdateExtensions: Array<ExtensionShortHeader>,
+  isGDevelopUpdateNeeded: boolean,
 |};
 
 export type InstallRequiredExtensionsArgs = {|
@@ -509,7 +491,10 @@ export const checkRequiredExtensionsUpdate = async ({
       requiredExtensionShortHeaders: [],
       missingExtensionShortHeaders: [],
       outOfDateExtensionShortHeaders: [],
+      breakingChangesExtensionShortHeaders: [],
       incompatibleWithIdeExtensionShortHeaders: [],
+      safeToUpdateExtensions: [],
+      isGDevelopUpdateNeeded: false,
     };
   }
 
@@ -534,24 +519,15 @@ export const checkRequiredExtensionsUpdate = async ({
     }
   );
 
-  const compatibleWithIdeExtensionShortHeaders: Array<ExtensionShortHeader> = [];
-  const incompatibleWithIdeExtensionShortHeaders: Array<ExtensionShortHeader> = [];
-  for (const requiredExtensionShortHeader of requiredExtensionShortHeaders) {
-    if (
-      isCompatibleWithGDevelopVersion(
+  const incompatibleWithIdeExtensionShortHeaders = requiredExtensionShortHeaders.filter(
+    requiredExtensionShortHeader =>
+      !isCompatibleWithGDevelopVersion(
         getIDEVersion(),
         requiredExtensionShortHeader.gdevelopVersion
       )
-    ) {
-      compatibleWithIdeExtensionShortHeaders.push(requiredExtensionShortHeader);
-    } else {
-      incompatibleWithIdeExtensionShortHeaders.push(
-        requiredExtensionShortHeader
-      );
-    }
-  }
+  );
 
-  const outOfDateExtensionShortHeaders = compatibleWithIdeExtensionShortHeaders.filter(
+  const outOfDateExtensionShortHeaders = requiredExtensionShortHeaders.filter(
     requiredExtensionShortHeader =>
       project.hasEventsFunctionsExtensionNamed(
         requiredExtensionShortHeader.name
@@ -561,16 +537,43 @@ export const checkRequiredExtensionsUpdate = async ({
         .getVersion() !== requiredExtensionShortHeader.version
   );
 
+  const breakingChangesExtensionShortHeaders = outOfDateExtensionShortHeaders.filter(
+    requiredExtensionShortHeader =>
+      project.hasEventsFunctionsExtensionNamed(
+        requiredExtensionShortHeader.name
+      ) &&
+      getBreakingChanges(
+        project
+          .getEventsFunctionsExtension(requiredExtensionShortHeader.name)
+          .getVersion(),
+        requiredExtensionShortHeader
+      ).length > 0
+  );
+
   const missingExtensionShortHeaders = filterMissingExtensions(
     gd,
-    compatibleWithIdeExtensionShortHeaders
+    requiredExtensionShortHeaders
+  );
+
+  const safeToUpdateExtensions = outOfDateExtensionShortHeaders.filter(
+    extension =>
+      !incompatibleWithIdeExtensionShortHeaders.includes(extension) &&
+      !breakingChangesExtensionShortHeaders.includes(extension)
+  );
+
+  // Overridden by `checkRequiredExtensionsUpdateForAssets`
+  const isGDevelopUpdateNeeded = incompatibleWithIdeExtensionShortHeaders.some(
+    extension => missingExtensionShortHeaders.includes(extension)
   );
 
   return {
     requiredExtensionShortHeaders,
     missingExtensionShortHeaders,
     outOfDateExtensionShortHeaders,
+    breakingChangesExtensionShortHeaders,
     incompatibleWithIdeExtensionShortHeaders,
+    safeToUpdateExtensions,
+    isGDevelopUpdateNeeded,
   };
 };
 
@@ -598,7 +601,17 @@ export const checkRequiredExtensionsUpdateForAssets = async ({
     });
   });
 
-  return checkRequiredExtensionsUpdate({ requiredExtensions, project });
+  const requiredExtensionsUpdate = await checkRequiredExtensionsUpdate({
+    requiredExtensions,
+    project,
+  });
+  // Even if the asset may work with already installed extensions,
+  // we don't risk it since the asset may use the new features of the extension.
+  requiredExtensionsUpdate.isGDevelopUpdateNeeded =
+    requiredExtensionsUpdate.isGDevelopUpdateNeeded ||
+    requiredExtensionsUpdate.incompatibleWithIdeExtensionShortHeaders.length >
+      0;
+  return requiredExtensionsUpdate;
 };
 
 export const complyVariantsToEventsBasedObjectOf = (

newIDE/app/src/AssetStore/InstallAsset.spec.js

@@ -4,8 +4,8 @@ import {
   addSerializedExtensionsToProject,
   getRequiredExtensionsFromAsset,
   installRequiredExtensions,
-  sanitizeObjectName,
   installPublicAsset,
+  checkRequiredExtensionsUpdate,
   checkRequiredExtensionsUpdateForAssets,
 } from './InstallAsset';
 import { makeTestProject } from '../fixtures/TestProject';
@@ -16,10 +16,13 @@ import {
   fakeAssetWithUnknownExtension1,
   fakeAssetWithFlashExtensionDependency1,
   flashExtensionShortHeader,
+  incompatibleFlashExtensionShortHeader,
   fireBulletExtensionShortHeader,
   fakeAssetWithCustomObject,
   buttonV1ExtensionShortHeader,
   buttonV2ExtensionShortHeader,
+  breakingButtonV3ExtensionShortHeader,
+  incompatibleButtonV4ExtensionShortHeader,
 } from '../fixtures/GDevelopServicesTestData';
 import { makeTestExtensions } from '../fixtures/TestExtensions';
 import {
@@ -28,7 +31,6 @@ import {
   type ExtensionShortHeader,
 } from '../Utils/GDevelopServices/Extension';
 import * as Asset from '../Utils/GDevelopServices/Asset';
-//import { useFetchAssets } from './NewObjectDialog';
 
 const gd: libGDevelop = global.gd;
 
@@ -40,19 +42,6 @@ Asset.getPublicAsset = jest.fn();
 const mockFn = (fn: Function): JestMockFn<any, any> => fn;
 
 describe('InstallAsset', () => {
-  test('sanitizeObjectName', () => {
-    expect(sanitizeObjectName('')).toBe('UnnamedObject');
-    expect(sanitizeObjectName('HelloWorld')).toBe('HelloWorld');
-    expect(sanitizeObjectName('Hello World')).toBe('HelloWorld');
-    expect(sanitizeObjectName('hello world')).toBe('HelloWorld');
-    expect(sanitizeObjectName('hello world12')).toBe('HelloWorld12');
-    expect(sanitizeObjectName('12 hello world')).toBe('_12HelloWorld');
-    expect(sanitizeObjectName('/-=hello/-=world/-=')).toBe('HelloWorld');
-    expect(sanitizeObjectName('  hello/-=world/-=')).toBe('HelloWorld');
-    expect(sanitizeObjectName('9hello/-=world/-=')).toBe('_9helloWorld');
-    expect(sanitizeObjectName('  9hello/-=world/-=')).toBe('_9helloWorld');
-  });
-
   describe('addAssetToProject', () => {
     it('installs an object asset in the project, without renaming it if not needed', async () => {
       const { project } = makeTestProject(gd);
@@ -394,6 +383,258 @@ describe('InstallAsset', () => {
   //   });
   // });
 
+  describe('checkRequiredExtensionsUpdate', () => {
+    it('can find an extension to install', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Flash')).toBe(false);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [fireBulletExtensionShortHeader, flashExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: flashExtensionShortHeader.name,
+              extensionVersion: flashExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [flashExtensionShortHeader],
+        missingExtensionShortHeaders: [flashExtensionShortHeader],
+        outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an up to date extension from the project', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [buttonV1ExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: buttonV1ExtensionShortHeader.name,
+              extensionVersion: buttonV1ExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [buttonV1ExtensionShortHeader],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to update', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [buttonV2ExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: buttonV2ExtensionShortHeader.name,
+              extensionVersion: buttonV2ExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [buttonV2ExtensionShortHeader],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [buttonV2ExtensionShortHeader],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [buttonV2ExtensionShortHeader],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to update with breaking changes', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [breakingButtonV3ExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: breakingButtonV3ExtensionShortHeader.name,
+              extensionVersion: breakingButtonV3ExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [breakingButtonV3ExtensionShortHeader],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [breakingButtonV3ExtensionShortHeader],
+        breakingChangesExtensionShortHeaders: [
+          breakingButtonV3ExtensionShortHeader,
+        ],
+        incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to update incompatible with the editor', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [incompatibleButtonV4ExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: incompatibleButtonV4ExtensionShortHeader.name,
+              extensionVersion:
+                incompatibleButtonV4ExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to install incompatible with the editor', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Flash')).toBe(false);
+
+      // The extension is in the registry.
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [incompatibleFlashExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: incompatibleFlashExtensionShortHeader.name,
+              extensionVersion: incompatibleFlashExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [incompatibleFlashExtensionShortHeader],
+        missingExtensionShortHeaders: [incompatibleFlashExtensionShortHeader],
+        outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [
+          incompatibleFlashExtensionShortHeader,
+        ],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: true,
+      });
+    });
+
+    it('errors if an extension is not found in the registry', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [flashExtensionShortHeader, fireBulletExtensionShortHeader],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: 'UnknownExtension',
+              extensionVersion: '1.0.0',
+            },
+          ],
+          project,
+        })
+      ).rejects.toMatchObject({
+        message: 'Unable to find extension UnknownExtension in the registry.',
+      });
+    });
+
+    it("errors if the registry can't be loaded ", async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => {
+        throw new Error('Fake error');
+      });
+
+      await expect(
+        checkRequiredExtensionsUpdate({
+          requiredExtensions: [
+            {
+              extensionName: flashExtensionShortHeader.name,
+              extensionVersion: flashExtensionShortHeader.version,
+            },
+          ],
+          project,
+        })
+      ).rejects.toMatchObject({
+        message: 'Fake error',
+      });
+    });
+  });
+
   describe('checkRequiredExtensionsUpdateForAssets', () => {
     it('can find an extension to install', async () => {
       makeTestExtensions(gd);
@@ -423,7 +664,10 @@ describe('InstallAsset', () => {
         requiredExtensionShortHeaders: [flashExtensionShortHeader],
         missingExtensionShortHeaders: [flashExtensionShortHeader],
         outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
         incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
       });
     });
 
@@ -457,7 +701,10 @@ describe('InstallAsset', () => {
         requiredExtensionShortHeaders: [buttonV1ExtensionShortHeader],
         missingExtensionShortHeaders: [],
         outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
         incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
       });
     });
 
@@ -491,7 +738,132 @@ describe('InstallAsset', () => {
         requiredExtensionShortHeaders: [buttonV2ExtensionShortHeader],
         missingExtensionShortHeaders: [],
         outOfDateExtensionShortHeaders: [buttonV2ExtensionShortHeader],
+        breakingChangesExtensionShortHeaders: [],
         incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [buttonV2ExtensionShortHeader],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to update with breaking changes', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // Get an asset that uses an extension...
+      mockFn(Asset.getPublicAsset).mockImplementationOnce(
+        () => fakeAssetWithCustomObject
+      );
+
+      // ...and this extension is in the registry
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [
+          flashExtensionShortHeader,
+          fireBulletExtensionShortHeader,
+          // The project contains the 1.0.0 of this extension.
+          breakingButtonV3ExtensionShortHeader,
+        ],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdateForAssets({
+          assets: [fakeAssetWithCustomObject, fakeAssetWithCustomObject],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [breakingButtonV3ExtensionShortHeader],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [breakingButtonV3ExtensionShortHeader],
+        breakingChangesExtensionShortHeaders: [
+          breakingButtonV3ExtensionShortHeader,
+        ],
+        incompatibleWithIdeExtensionShortHeaders: [],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: false,
+      });
+    });
+
+    it('can find an extension to update incompatible with the editor', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Button')).toBe(true);
+
+      // Get an asset that uses an extension...
+      mockFn(Asset.getPublicAsset).mockImplementationOnce(
+        () => fakeAssetWithCustomObject
+      );
+
+      // ...and this extension is in the registry
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [
+          flashExtensionShortHeader,
+          fireBulletExtensionShortHeader,
+          // The project contains the 1.0.0 of this extension.
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdateForAssets({
+          assets: [fakeAssetWithCustomObject, fakeAssetWithCustomObject],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        missingExtensionShortHeaders: [],
+        outOfDateExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [
+          incompatibleButtonV4ExtensionShortHeader,
+        ],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: true,
+      });
+    });
+
+    it('can find an extension to install incompatible with the editor', async () => {
+      makeTestExtensions(gd);
+      const { project } = makeTestProject(gd);
+      expect(project.hasEventsFunctionsExtensionNamed('Flash')).toBe(false);
+
+      // Get an asset that uses an extension...
+      mockFn(Asset.getPublicAsset).mockImplementationOnce(
+        () => fakeAssetWithFlashExtensionDependency1
+      );
+
+      // ...and this extension is in the registry
+      mockFn(getExtensionsRegistry).mockImplementationOnce(() => ({
+        version: '1.0.0',
+        headers: [
+          incompatibleFlashExtensionShortHeader,
+          fireBulletExtensionShortHeader,
+        ],
+      }));
+
+      await expect(
+        checkRequiredExtensionsUpdateForAssets({
+          assets: [
+            fakeAssetWithFlashExtensionDependency1,
+            fakeAssetWithFlashExtensionDependency1,
+          ],
+          project,
+        })
+      ).resolves.toEqual({
+        requiredExtensionShortHeaders: [incompatibleFlashExtensionShortHeader],
+        missingExtensionShortHeaders: [incompatibleFlashExtensionShortHeader],
+        outOfDateExtensionShortHeaders: [],
+        breakingChangesExtensionShortHeaders: [],
+        incompatibleWithIdeExtensionShortHeaders: [
+          incompatibleFlashExtensionShortHeader,
+        ],
+        safeToUpdateExtensions: [],
+        isGDevelopUpdateNeeded: true,
       });
     });
 
@@ -654,7 +1026,10 @@ describe('InstallAsset', () => {
               },
             ],
             outOfDateExtensionShortHeaders: [],
+            breakingChangesExtensionShortHeaders: [],
             incompatibleWithIdeExtensionShortHeaders: [],
+            safeToUpdateExtensions: [],
+            isGDevelopUpdateNeeded: false,
           },
           shouldUpdateExtension: true,
           eventsFunctionsExtensionsState: mockEventsFunctionsExtensionsState,
@@ -686,7 +1061,10 @@ describe('InstallAsset', () => {
             requiredExtensionShortHeaders: [flashExtensionShortHeader],
             missingExtensionShortHeaders: [flashExtensionShortHeader],
             outOfDateExtensionShortHeaders: [],
+            breakingChangesExtensionShortHeaders: [],
             incompatibleWithIdeExtensionShortHeaders: [],
+            safeToUpdateExtensions: [],
+            isGDevelopUpdateNeeded: false,
           },
           shouldUpdateExtension: true,
           eventsFunctionsExtensionsState: mockEventsFunctionsExtensionsState,
@@ -723,7 +1101,10 @@ describe('InstallAsset', () => {
           ],
           missingExtensionShortHeaders: [],
           outOfDateExtensionShortHeaders: [],
+          breakingChangesExtensionShortHeaders: [],
           incompatibleWithIdeExtensionShortHeaders: [],
+          safeToUpdateExtensions: [],
+          isGDevelopUpdateNeeded: false,
         },
         shouldUpdateExtension: true,
         eventsFunctionsExtensionsState: mockEventsFunctionsExtensionsState,

newIDE/app/src/AssetStore/NewObjectDialog.js

@@ -29,6 +29,11 @@ import {
   isPrivateAsset,
 } from '../Utils/GDevelopServices/Asset';
 import { type ExtensionShortHeader } from '../Utils/GDevelopServices/Extension';
+import {
+  getBreakingChanges,
+  formatExtensionsBreakingChanges,
+  type ExtensionChange,
+} from '../Utils/Extension/ExtensionCompatibilityChecker.js';
 import EventsFunctionsExtensionsContext from '../EventsFunctionsExtensionsLoader/EventsFunctionsExtensionsContext';
 import Window from '../Utils/Window';
 import PrivateAssetsAuthorizationContext from './PrivateAssets/PrivateAssetsAuthorizationContext';
@@ -48,20 +53,64 @@ import { AssetStoreNavigatorContext } from './AssetStoreNavigator';
 const isDev = Window.isDev();
 
 export const useExtensionUpdateAlertDialog = () => {
-  const { showConfirmation } = useAlertDialog();
-  return async (
-    outOfDateExtensionShortHeaders: Array<ExtensionShortHeader>
-  ): Promise<boolean> => {
-    return await showConfirmation({
-      title: t`Extension update`,
-      message: t`Before installing this asset, it's strongly recommended to update these extensions${'\n\n - ' +
-        outOfDateExtensionShortHeaders
-          .map(extension => extension.fullName)
-          .join('\n\n - ') +
-        '\n\n'}Do you want to update it now ?`,
-      confirmButtonLabel: t`Update the extension`,
-      dismissButtonLabel: t`Skip the update`,
-    });
+  const { showConfirmation, showDeleteConfirmation } = useAlertDialog();
+  return async ({
+    project,
+    outOfDateExtensionShortHeaders,
+  }: {|
+    project: gdProject,
+    outOfDateExtensionShortHeaders: Array<ExtensionShortHeader>,
+  |}): Promise<string> => {
+    const breakingChanges = new Map<
+      ExtensionShortHeader,
+      Array<ExtensionChange>
+    >();
+    for (const extension of outOfDateExtensionShortHeaders) {
+      if (!project.hasEventsFunctionsExtensionNamed(extension.name)) {
+        continue;
+      }
+      const installedVersion = project
+        .getEventsFunctionsExtension(extension.name)
+        .getVersion();
+      const extensionBreakingChanges = getBreakingChanges(
+        installedVersion,
+        extension
+      );
+      if (extensionBreakingChanges.length > 0) {
+        breakingChanges.set(extension, extensionBreakingChanges);
+      }
+    }
+    const notBreakingExtensions = outOfDateExtensionShortHeaders.filter(
+      extension => !breakingChanges.has(extension)
+    );
+    if (breakingChanges.size > 0) {
+      // Extensions without breaking changes are not listed since it would make
+      // the message more confusing.
+      return (await showDeleteConfirmation({
+        title: t`Breaking changes`,
+        message: t`This asset requires updates to extensions that have breaking changes${'\n\n' +
+          formatExtensionsBreakingChanges(breakingChanges) +
+          '\n'}Do you want to update them now ?`,
+        confirmButtonLabel: t`Update the extension`,
+        dismissButtonLabel: t`Abort`,
+      }))
+        ? 'update'
+        : // Avoid to install assets which wouldn't work with the installed version.
+          'abort';
+    } else {
+      return (await showConfirmation({
+        title: t`Extension update`,
+        message: t`Before installing this asset, it's strongly recommended to update these extensions${'\n\n - ' +
+          notBreakingExtensions
+            .map(extension => extension.fullName)
+            .join('\n - ') +
+          '\n\n'}Do you want to update them now ?`,
+        confirmButtonLabel: t`Update the extension`,
+        dismissButtonLabel: t`Skip the update`,
+      }))
+        ? 'update'
+        : 'skip';
+    }
   };
 };
 
@@ -123,12 +172,10 @@ export const useFetchAssets = () => {
 
 export const useInstallAsset = ({
   project,
-  objectsContainer,
   targetObjectFolderOrObjectWithContext,
   resourceManagementProps,
 }: {|
-  project: gdProject,
-  objectsContainer: gdObjectsContainer,
+  project: gdProject | null,
   targetObjectFolderOrObjectWithContext?: ?ObjectFolderOrObjectWithContext,
   resourceManagementProps: ResourceManagementProps,
 |}) => {
@@ -147,9 +194,18 @@ export const useInstallAsset = ({
     resourceManagementProps.canInstallPrivateAsset
   );
 
-  return async (
-    assetShortHeader: AssetShortHeader
-  ): Promise<InstallAssetOutput | null> => {
+  return async ({
+    assetShortHeader,
+    objectsContainer,
+    requestedObjectName,
+  }: {|
+    assetShortHeader: AssetShortHeader,
+    objectsContainer: gdObjectsContainer,
+    requestedObjectName?: string,
+  |}): Promise<InstallAssetOutput | null> => {
+    if (!project) {
+      return null;
+    }
     try {
       if (await showProjectNeedToBeSaved(assetShortHeader)) {
         return null;
@@ -162,25 +218,28 @@ export const useInstallAsset = ({
           project,
         }
       );
-      if (
-        requiredExtensionInstallation.incompatibleWithIdeExtensionShortHeaders
-          .length > 0
-      ) {
+      if (requiredExtensionInstallation.isGDevelopUpdateNeeded) {
         showAlert({
           title: t`Could not install the asset`,
           message: t`Please upgrade the editor to the latest version.`,
         });
         return null;
       }
-      const shouldUpdateExtension =
-        requiredExtensionInstallation.outOfDateExtensionShortHeaders.length >
-          0 &&
-        (await showExtensionUpdateConfirmation(
-          requiredExtensionInstallation.outOfDateExtensionShortHeaders
-        ));
+      const extensionUpdateAction =
+        requiredExtensionInstallation.outOfDateExtensionShortHeaders.length ===
+        0
+          ? 'skip'
+          : await showExtensionUpdateConfirmation({
+              project,
+              outOfDateExtensionShortHeaders:
+                requiredExtensionInstallation.outOfDateExtensionShortHeaders,
+            });
+      if (extensionUpdateAction === 'abort') {
+        return null;
+      }
       await installRequiredExtensions({
         requiredExtensionInstallation,
-        shouldUpdateExtension,
+        shouldUpdateExtension: extensionUpdateAction === 'update',
         eventsFunctionsExtensionsState,
         project,
       });
@@ -190,6 +249,7 @@ export const useInstallAsset = ({
             asset,
             project,
             objectsContainer,
+            requestedObjectName,
             targetObjectFolderOrObject:
               targetObjectFolderOrObjectWithContext &&
               !targetObjectFolderOrObjectWithContext.global
@@ -200,6 +260,7 @@ export const useInstallAsset = ({
             asset,
             project,
             objectsContainer,
+            requestedObjectName,
             targetObjectFolderOrObject:
               targetObjectFolderOrObjectWithContext &&
               !targetObjectFolderOrObjectWithContext.global
@@ -315,7 +376,6 @@ function NewObjectDialog({
   const showExtensionUpdateConfirmation = useExtensionUpdateAlertDialog();
   const installAsset = useInstallAsset({
     project,
-    objectsContainer,
     resourceManagementProps,
     targetObjectFolderOrObjectWithContext,
   });
@@ -325,13 +385,16 @@ function NewObjectDialog({
       if (!assetShortHeader) return false;
 
       setIsAssetBeingInstalled(true);
-      const installAssetOutput = await installAsset(assetShortHeader);
+      const installAssetOutput = await installAsset({
+        assetShortHeader,
+        objectsContainer,
+      });
       setIsAssetBeingInstalled(false);
       if (installAssetOutput)
         onObjectsAddedFromAssets(installAssetOutput.createdObjects);
       return !!installAssetOutput;
     },
-    [installAsset, onObjectsAddedFromAssets]
+    [installAsset, onObjectsAddedFromAssets, objectsContainer]
   );
 
   const onInstallEmptyCustomObject = React.useCallback(
@@ -346,25 +409,31 @@ function NewObjectDialog({
             project,
           }
         );
-        if (
-          requiredExtensionInstallation.incompatibleWithIdeExtensionShortHeaders
-            .length > 0
-        ) {
+        if (requiredExtensionInstallation.isGDevelopUpdateNeeded) {
           showAlert({
-            title: t`Could not install the asset`,
+            title: t`Could not install required extensions`,
             message: t`Please upgrade the editor to the latest version.`,
           });
           return;
         }
-        const shouldUpdateExtension =
-          requiredExtensionInstallation.outOfDateExtensionShortHeaders.length >
-            0 &&
-          (await showExtensionUpdateConfirmation(
-            requiredExtensionInstallation.outOfDateExtensionShortHeaders
-          ));
+        // Users must be able to create an object from scratch without being
+        // forced to update extensions that may break their projects.
+        const safeToUpdateExtensions =
+          requiredExtensionInstallation.safeToUpdateExtensions;
+        const extensionUpdateAction =
+          requiredExtensionInstallation.outOfDateExtensionShortHeaders
+            .length === 0
+            ? 'skip'
+            : (await showExtensionUpdateConfirmation({
+                project,
+                outOfDateExtensionShortHeaders: safeToUpdateExtensions,
+              })) === 'update';
+        if (extensionUpdateAction === 'abort') {
+          return;
+        }
         await installRequiredExtensions({
           requiredExtensionInstallation,
-          shouldUpdateExtension,
+          shouldUpdateExtension: extensionUpdateAction === 'update',
           eventsFunctionsExtensionsState,
           project,
         });

newIDE/app/src/AssetStore/PrivateAssets/PrivateAssetsAuthorizationProvider.js

@@ -114,6 +114,7 @@ const PrivateAssetsAuthorizationProvider = ({ children }: Props) => {
     asset,
     project,
     objectsContainer,
+    requestedObjectName,
     targetObjectFolderOrObject,
   }: InstallAssetArgs): Promise<?InstallAssetOutput> => {
     if (!profile) {
@@ -134,6 +135,7 @@ const PrivateAssetsAuthorizationProvider = ({ children }: Props) => {
       asset: assetWithAuthorizedResourceUrls,
       project,
       objectsContainer,
+      requestedObjectName,
       targetObjectFolderOrObject,
     });
   };

newIDE/app/src/BehaviorsEditor/EnumerateBehaviorsMetadata.js

@@ -74,3 +74,12 @@ export const filterEnumeratedBehaviorMetadata = (
     );
   });
 };
+
+export const isBehaviorDefaultCapability = (
+  behaviorMetadata: gdBehaviorMetadata
+) => {
+  return (
+    behaviorMetadata.getName().includes('Capability') ||
+    behaviorMetadata.getName() === 'Scene3D::Base3DBehavior'
+  );
+};

newIDE/app/src/BehaviorsEditor/NewBehaviorDialog.js

@@ -11,7 +11,6 @@ import { showMessageBox } from '../UI/Messages/MessageBox';
 import { getDeprecatedBehaviorsInformation } from '../Hints';
 import { enumerateBehaviorsMetadata } from './EnumerateBehaviorsMetadata';
 import { BehaviorStore } from '../AssetStore/BehaviorStore';
-import { type SearchableBehaviorMetadata } from '../AssetStore/BehaviorStore/BehaviorStoreContext';
 import { type BehaviorShortHeader } from '../Utils/GDevelopServices/Extension';
 import EventsFunctionsExtensionsContext from '../EventsFunctionsExtensionsLoader/EventsFunctionsExtensionsContext';
 import { installExtension } from '../AssetStore/ExtensionStore/InstallExtension';
@@ -90,7 +89,7 @@ export default function NewBehaviorDialog({
     [project]
   );
 
-  const allInstalledBehaviorMetadataList: Array<SearchableBehaviorMetadata> = React.useMemo(
+  const allInstalledBehaviorMetadataList: Array<BehaviorShortHeader> = React.useMemo(
     () => {
       const platform = project.getCurrentPlatform();
       const behaviorMetadataList =
@@ -115,12 +114,29 @@ export default function NewBehaviorDialog({
             behavior.behaviorMetadata
           ),
           tags: behavior.tags,
+          name: gd.PlatformExtension.getBehaviorNameFromFullBehaviorType(
+            behavior.type
+          ),
+          extensionName: gd.PlatformExtension.getExtensionFromFullBehaviorType(
+            behavior.type
+          ),
+
+          isInstalled: true,
+          // The tier will be overridden with repository data.
+          // Only the built-in and user extensions will keep this value.
+          tier: 'installed',
+          // Not relevant for `installed` extensions
+          version: '',
+          url: '',
+          headerUrl: '',
+          extensionNamespace: '',
+          authorIds: [],
         }));
     },
     [project, eventsFunctionsExtension, getAllRequiredBehaviorTypes]
   );
 
-  const installedBehaviorMetadataList: Array<SearchableBehaviorMetadata> = React.useMemo(
+  const installedBehaviorMetadataList: Array<BehaviorShortHeader> = React.useMemo(
     () =>
       allInstalledBehaviorMetadataList.filter(
         behavior => !deprecatedBehaviorsInformation[behavior.type]
@@ -128,7 +144,7 @@ export default function NewBehaviorDialog({
     [allInstalledBehaviorMetadataList, deprecatedBehaviorsInformation]
   );
 
-  const deprecatedBehaviorMetadataList: Array<SearchableBehaviorMetadata> = React.useMemo(
+  const deprecatedBehaviorMetadataList: Array<BehaviorShortHeader> = React.useMemo(
     () => {
       const deprecatedBehaviors = allInstalledBehaviorMetadataList.filter(
         behavior => deprecatedBehaviorsInformation[behavior.type]

newIDE/app/src/BehaviorsEditor/index.js

@@ -34,7 +34,8 @@ import ThreeDotsMenu from '../UI/CustomSvgIcons/ThreeDotsMenu';
 import Trash from '../UI/CustomSvgIcons/Trash';
 import Add from '../UI/CustomSvgIcons/Add';
 import { mapVector } from '../Utils/MapFor';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EditorFunctions/ApplyEventsChanges.js

@@ -0,0 +1,538 @@
+// @flow
+import { unserializeFromJSObject } from '../Utils/Serializer';
+import {
+  type AiGeneratedEventChange,
+  type AiGeneratedEventUndeclaredVariable,
+} from '../Utils/GDevelopServices/Generation';
+import { mapFor } from '../Utils/MapFor';
+
+const gd: libGDevelop = global.gd;
+
+/**
+ * Parses an event path string (e.g., "event-0.1.2") into an array of 0-based indices (e.g., [0, 1, 2]).
+ * Throws an error for invalid formats or non-positive indices.
+ */
+const parseEventPath = (pathString: string): Array<number> => {
+  const originalPathString = pathString;
+  if (!pathString.startsWith('event-')) {
+    // Fallback for paths that might not have the "event-" prefix, like "1.2.3"
+    // This is a lenient parsing, primary expectation is "event-" prefix.
+    const partsNoPrefix = pathString.split('.');
+    if (
+      partsNoPrefix.length > 0 &&
+      partsNoPrefix.every(s => s !== '' && !isNaN(parseInt(s, 10)))
+    ) {
+      console.warn(
+        `Event path string "${originalPathString}" does not start with "event-". Parsed as direct indices.`
+      );
+    } else {
+      throw new Error(
+        `Invalid event path string format: "${originalPathString}". Expected "event-X.Y.Z" or "X.Y.Z".`
+      );
+    }
+  } else {
+    pathString = pathString.substring('event-'.length);
+  }
+
+  const parts = pathString.split('.');
+  if (
+    parts.length === 0 ||
+    parts.some(s => s === '' || isNaN(parseInt(s, 10)))
+  ) {
+    throw new Error(
+      `Invalid event path string content: "${originalPathString}". Ensure numbers are separated by dots.`
+    );
+  }
+  return parts.map(s => {
+    const num = parseInt(s, 10);
+    if (num < 0) {
+      throw new Error(
+        `Event path indices must be positive in string "${originalPathString}", but found ${num}.`
+      );
+    }
+    return num;
+  });
+};
+
+/**
+ * Navigates an event tree to find the parent EventsList and the 0-based index
+ * for an event targeted by the given path.
+ */
+const getParentListAndIndex = (
+  rootEventsList: gdEventsList,
+  path: Array<number>,
+  operationTypeForErrorMessage: 'access' | 'insertion'
+): { parentList: gdEventsList, eventIndexInParentList: number } => {
+  if (path.length === 0) {
+    throw new Error('Path cannot be empty for getParentListAndIndex.');
+  }
+
+  let currentList = rootEventsList;
+  const pathForErrorMessage = path.join('.');
+
+  for (let i = 0; i < path.length - 1; i++) {
+    const eventIndex = path[i];
+    if (eventIndex < 0 || eventIndex >= currentList.getEventsCount()) {
+      throw new Error(
+        `Invalid event path: index ${eventIndex} out of bounds at depth ${i +
+          1} (max: ${currentList.getEventsCount() -
+          1}). Path: ${pathForErrorMessage}`
+      );
+    }
+    const event = currentList.getEventAt(eventIndex);
+    if (!event.canHaveSubEvents()) {
+      throw new Error(
+        `Event at path segment ${i +
+          1} (index ${eventIndex}) cannot have sub-events. Path: ${pathForErrorMessage}`
+      );
+    }
+    currentList = event.getSubEvents();
+  }
+
+  const finalIndex = path[path.length - 1];
+  if (finalIndex < 0) {
+    throw new Error(
+      `Invalid event path: final index ${finalIndex} is negative. Path: ${pathForErrorMessage}.`
+    );
+  }
+
+  // For insertion, index can be equal to count (to append). For access, it must be less than count.
+  if (
+    operationTypeForErrorMessage === 'insertion' &&
+    finalIndex > currentList.getEventsCount()
+  ) {
+    throw new Error(
+      `Invalid event path for insertion: final index ${finalIndex} is out of bounds. Max allowed for insertion: ${currentList.getEventsCount()}. Path: ${pathForErrorMessage}`
+    );
+  } else if (
+    operationTypeForErrorMessage === 'access' &&
+    finalIndex >= currentList.getEventsCount()
+  ) {
+    throw new Error(
+      `Invalid event path for access: final index ${finalIndex} is out of bounds. Max allowed for access: ${currentList.getEventsCount() -
+        1}. Path: ${pathForErrorMessage}`
+    );
+  }
+
+  return { parentList: currentList, eventIndexInParentList: finalIndex };
+};
+
+/**
+ * Retrieves an event at a specific path from a root EventsList.
+ */
+const getEventByPath = (
+  rootEventsList: gdEventsList,
+  path: Array<number>
+): gdBaseEvent => {
+  const { parentList, eventIndexInParentList } = getParentListAndIndex(
+    rootEventsList,
+    path,
+    'access'
+  );
+  // Bounds check already done by getParentListAndIndex for 'access'
+  return parentList.getEventAt(eventIndexInParentList);
+};
+
+type EventOperationType = 'delete' | 'insert' | 'insertAsSub';
+type EventOperation = {|
+  type: EventOperationType,
+  path: Array<number>,
+  eventsToInsert?: gdEventsList,
+|};
+
+const comparePathsReverseLexicographically = (
+  p1: Array<number>,
+  p2: Array<number>
+): number => {
+  const maxLength = Math.max(p1.length, p2.length);
+  for (let i = 0; i < maxLength; i++) {
+    const val1 = i < p1.length ? p1[i] : -1;
+    const val2 = i < p2.length ? p2[i] : -1;
+    if (val1 > val2) return -1;
+    if (val1 < val2) return 1;
+  }
+  return 0;
+};
+
+export const applyEventsChanges = (
+  project: gdProject,
+  sceneEvents: gdEventsList,
+  eventOperationsInput: Array<AiGeneratedEventChange>,
+  aiGeneratedEventId: string
+): void => {
+  const operations: Array<EventOperation> = [];
+
+  eventOperationsInput.forEach(change => {
+    const { operationName, operationTargetEvent, generatedEvents } = change;
+    let parsedPath: Array<number> | null = null;
+    let localEventsToInsert: gdEventsList | null = null;
+
+    try {
+      if (operationTargetEvent) {
+        parsedPath = parseEventPath(operationTargetEvent);
+      } else if (operationName !== 'insert_at_end') {
+        // Path is generally required, except for 'insert_at_end'.
+        console.warn(
+          `Skipping operation "${operationName}" due to missing operationTargetEvent path.`
+        );
+        return;
+      }
+
+      if (generatedEvents && operationName !== 'delete_event') {
+        const eventsListContent = JSON.parse(generatedEvents);
+        localEventsToInsert = new gd.EventsList();
+        unserializeFromJSObject(
+          localEventsToInsert,
+          eventsListContent,
+          'unserializeFrom',
+          project
+        );
+        if (localEventsToInsert.isEmpty()) {
+          console.warn(
+            `Generated events for operation "${operationName}" (path: ${operationTargetEvent ||
+              'N/A'}) are empty. Insertion might not add any events.`
+          );
+        }
+        mapFor(0, localEventsToInsert.getEventsCount(), i => {
+          if (!localEventsToInsert) return;
+
+          const event = localEventsToInsert.getEventAt(i);
+          event.setAiGeneratedEventId(aiGeneratedEventId);
+        });
+      }
+
+      switch (operationName) {
+        case 'insert_and_replace_event':
+          if (!parsedPath) {
+            console.warn(
+              `Skipping "insert_and_replace_event" due to missing or invalid path.`
+            );
+            if (localEventsToInsert) localEventsToInsert.delete();
+            return;
+          }
+          operations.push({ type: 'delete', path: parsedPath });
+          operations.push({
+            type: 'insert',
+            path: parsedPath,
+            eventsToInsert: localEventsToInsert || undefined,
+          });
+          // localEventsToInsert is now "owned" by the 'insert' operation,
+          // it should not be deleted here in the switch case.
+          break;
+        case 'insert_before_event':
+          if (!parsedPath) {
+            console.warn(
+              `Skipping "insert_before_event" due to missing or invalid path.`
+            );
+            if (localEventsToInsert) localEventsToInsert.delete();
+            return;
+          }
+          operations.push({
+            type: 'insert',
+            path: parsedPath,
+            eventsToInsert: localEventsToInsert || undefined,
+          });
+          break;
+        case 'insert_as_sub_event':
+          if (!parsedPath) {
+            console.warn(
+              `Skipping "insert_as_sub_event" due to missing or invalid path.`
+            );
+            if (localEventsToInsert) localEventsToInsert.delete();
+            return;
+          }
+          operations.push({
+            type: 'insertAsSub',
+            path: parsedPath, // This path is to the parent event
+            eventsToInsert: localEventsToInsert || undefined,
+          });
+          break;
+        case 'delete_event':
+          if (!parsedPath) {
+            console.warn(
+              `Skipping "delete_event" due to missing or invalid path.`
+            );
+            // No localEventsToInsert expected or created for delete_event.
+            return;
+          }
+          // Ensure no events were accidentally parsed for delete.
+          if (localEventsToInsert) {
+            console.warn(
+              'Internal warning: localEventsToInsert was populated for a "delete_event". Cleaning up.'
+            );
+            localEventsToInsert.delete();
+          }
+          operations.push({ type: 'delete', path: parsedPath });
+          break;
+        case 'insert_at_end':
+          // Path for insert_at_end is synthetic, representing the end of the root list.
+          operations.push({
+            type: 'insert',
+            path: [sceneEvents.getEventsCount()],
+            eventsToInsert: localEventsToInsert || undefined,
+          });
+          break;
+        default:
+          console.warn(
+            `Unknown operationName: "${operationName}". Skipping operation.`
+          );
+          // Clean up localEventsToInsert if it was created for an unknown operation
+          if (localEventsToInsert) localEventsToInsert.delete();
+      }
+    } catch (e) {
+      console.warn(
+        `Error processing event change (operation: "${operationName}", path: "${operationTargetEvent ||
+          'N/A'}"): ${e.message}. Skipping this change.`
+      );
+      // Ensure cleanup if parsing/unserialization failed mid-way
+      if (localEventsToInsert) {
+        localEventsToInsert.delete();
+      }
+    }
+  });
+
+  operations.sort((opA, opB) => {
+    const pathComparison = comparePathsReverseLexicographically(
+      opA.path,
+      opB.path
+    );
+    if (pathComparison !== 0) return pathComparison;
+    if (opA.type === 'delete' && opB.type !== 'delete') return -1;
+    if (opA.type !== 'delete' && opB.type === 'delete') return 1;
+    return 0;
+  });
+
+  operations.forEach(op => {
+    const pathForLog = op.path.join('.');
+    try {
+      if (op.type === 'delete') {
+        const { parentList, eventIndexInParentList } = getParentListAndIndex(
+          sceneEvents,
+          op.path,
+          'access' // Deleting an existing event, so 'access'
+        );
+        // Check already done by getParentListAndIndex for 'access'
+        parentList.removeEventAt(eventIndexInParentList);
+      } else if (op.type === 'insert') {
+        const {
+          parentList,
+          eventIndexInParentList: insertionIndex,
+        } = getParentListAndIndex(
+          sceneEvents,
+          op.path,
+          'insertion' // Path is for insertion point
+        );
+        // Check already done by getParentListAndIndex for 'insertion'
+        if (op.eventsToInsert && !op.eventsToInsert.isEmpty()) {
+          parentList.insertEvents(
+            op.eventsToInsert,
+            0,
+            op.eventsToInsert.getEventsCount(),
+            insertionIndex
+          );
+        } else {
+          console.warn(
+            `Insert operation for path [${pathForLog}] skipped: no events to insert or events list is empty.`
+          );
+        }
+      } else if (op.type === 'insertAsSub') {
+        // op.path is the path to the PARENT event
+        const parentEvent = getEventByPath(sceneEvents, op.path);
+        if (!parentEvent.canHaveSubEvents()) {
+          console.warn(
+            `Cannot insert sub-events: Event at path [${pathForLog}] does not support sub-events. Skipping.`
+          );
+          return;
+        }
+        const subEventsList = parentEvent.getSubEvents();
+        if (op.eventsToInsert && !op.eventsToInsert.isEmpty()) {
+          subEventsList.insertEvents(
+            op.eventsToInsert,
+            0,
+            op.eventsToInsert.getEventsCount(),
+            subEventsList.getEventsCount() // Insert at the end of sub-events
+          );
+        } else {
+          console.warn(
+            `InsertAsSub operation for parent path [${pathForLog}] skipped: no events to insert or events list is empty.`
+          );
+        }
+      }
+    } catch (error) {
+      console.error(
+        `Error applying event operation type ${
+          op.type
+        } for path [${pathForLog}]:`,
+        error
+      );
+    } finally {
+      // Clean up the gd.EventsList associated with this operation, if any.
+      if (op.eventsToInsert) {
+        op.eventsToInsert.delete();
+      }
+    }
+  });
+};
+
+export const addUndeclaredVariables = ({
+  project,
+  scene,
+  undeclaredVariables,
+}: {|
+  project: gdProject,
+  scene: gdLayout,
+  undeclaredVariables: Array<AiGeneratedEventUndeclaredVariable>,
+|}) => {
+  undeclaredVariables.forEach(variable => {
+    const { name, type, requiredScope } = variable;
+    let newVariable = null;
+    if (requiredScope === 'global') {
+      if (!project.getVariables().has(name)) {
+        newVariable = project.getVariables().insertNew(name, 0);
+      }
+    } else if (requiredScope === 'scene' || requiredScope === 'none') {
+      if (!scene.getVariables().has(name)) {
+        newVariable = scene.getVariables().insertNew(name, 0);
+      }
+    } else {
+      console.warn(
+        `Unknown requiredScope for undeclared variable: ${name}. Skipping.`
+      );
+    }
+
+    if (newVariable && type) {
+      const lowerCaseType = type.toLowerCase();
+      newVariable.castTo(
+        lowerCaseType === 'string'
+          ? 'String'
+          : lowerCaseType === 'boolean'
+          ? 'Boolean'
+          : lowerCaseType === 'array'
+          ? 'Array'
+          : lowerCaseType === 'structure'
+          ? 'Structure'
+          : 'Number'
+      );
+    }
+  });
+};
+
+export const addObjectUndeclaredVariables = ({
+  project,
+  scene,
+  objectName,
+  undeclaredVariables,
+}: {|
+  project: gdProject,
+  scene: gdLayout,
+  objectName: string,
+  undeclaredVariables: Array<AiGeneratedEventUndeclaredVariable>,
+|}) => {
+  const projectScopedContainers = gd.ProjectScopedContainers.makeNewProjectScopedContainersForProjectAndLayout(
+    project,
+    scene
+  );
+
+  const setupVariable = (variable: gdVariable, type: string | null) => {
+    if (!type) {
+      return;
+    }
+    const lowerCaseType = type.toLowerCase();
+    variable.castTo(
+      lowerCaseType === 'string'
+        ? 'String'
+        : lowerCaseType === 'boolean'
+        ? 'Boolean'
+        : lowerCaseType === 'array'
+        ? 'Array'
+        : lowerCaseType === 'structure'
+        ? 'Structure'
+        : 'Number'
+    );
+  };
+
+  const addVariableForObjectsOfGroup = (
+    group: gdObjectGroup,
+    undeclaredVariable: AiGeneratedEventUndeclaredVariable
+  ) => {
+    const groupVariablesContainer = gd.ObjectVariableHelper.mergeVariableContainers(
+      projectScopedContainers.getObjectsContainersList(),
+      group
+    );
+    const originalSerializedVariables = new gd.SerializerElement();
+    groupVariablesContainer.serializeTo(originalSerializedVariables);
+
+    const variable = groupVariablesContainer.insertNew(
+      undeclaredVariable.name,
+      0
+    );
+    setupVariable(variable, undeclaredVariable.type);
+
+    const changeset = gd.WholeProjectRefactorer.computeChangesetForVariablesContainer(
+      originalSerializedVariables,
+      groupVariablesContainer
+    );
+    originalSerializedVariables.delete();
+
+    gd.WholeProjectRefactorer.applyRefactoringForGroupVariablesContainer(
+      project,
+      project.getObjects(),
+      scene.getObjects(),
+      scene.getInitialInstances(),
+      groupVariablesContainer,
+      group,
+      changeset,
+      originalSerializedVariables
+    );
+  };
+
+  undeclaredVariables.forEach(undeclaredVariable => {
+    if (
+      projectScopedContainers
+        .getObjectsContainersList()
+        .hasObjectOrGroupWithVariableNamed(objectName, undeclaredVariable.name)
+    ) {
+      // Variable already exists, no need to add it.
+      return;
+    }
+
+    if (scene.getObjects().hasObjectNamed(objectName)) {
+      const object = scene.getObjects().getObject(objectName);
+      const variable = object
+        .getVariables()
+        .insertNew(undeclaredVariable.name, 0);
+      setupVariable(variable, undeclaredVariable.type);
+    } else if (
+      scene
+        .getObjects()
+        .getObjectGroups()
+        .has(objectName)
+    ) {
+      const group = scene
+        .getObjects()
+        .getObjectGroups()
+        .get(objectName);
+
+      addVariableForObjectsOfGroup(group, undeclaredVariable);
+    } else if (project.getObjects().hasObjectNamed(objectName)) {
+      const object = project.getObjects().getObject(objectName);
+      const variable = object
+        .getVariables()
+        .insertNew(undeclaredVariable.name, 0);
+      setupVariable(variable, undeclaredVariable.type);
+    }
+    if (
+      project
+        .getObjects()
+        .getObjectGroups()
+        .has(objectName)
+    ) {
+      const group = project
+        .getObjects()
+        .getObjectGroups()
+        .get(objectName);
+
+      addVariableForObjectsOfGroup(group, undeclaredVariable);
+    }
+  });
+};

newIDE/app/src/EditorFunctions/ApplyEventsChanges.spec.js

@@ -0,0 +1,376 @@
+// @flow
+import { applyEventsChanges } from './ApplyEventsChanges';
+import { type AiGeneratedEventChange } from '../Utils/GDevelopServices/Generation';
+
+const gd: libGDevelop = global.gd;
+
+describe('applyEventsChanges', () => {
+  let project: gdProject;
+  let sceneEventsList: gdEventsList;
+  let newEventsForInsertionJson = ` [{"type":"BuiltinCommonInstructions::Standard","conditions":[],"actions":[]},{"type":"BuiltinCommonInstructions::Standard","conditions":[],"actions":[]}]`;
+  const fakeGeneratedEventId = 'fakeGeneratedEventId';
+
+  beforeEach(() => {
+    project = new gd.ProjectHelper.createNewGDJSProject();
+    sceneEventsList = new gd.EventsList();
+  });
+
+  afterEach(() => {
+    sceneEventsList.delete();
+    project.delete();
+  });
+
+  const setupInitialSceneEvents = (eventTypes: Array<string>) => {
+    sceneEventsList.clear();
+    eventTypes.forEach((type, index) => {
+      sceneEventsList.insertNewEvent(project, type, index);
+    });
+  };
+
+  const getEventTypes = (list: gdEventsList): Array<string> => {
+    const types = [];
+    for (let i = 0; i < list.getEventsCount(); i++) {
+      types.push(list.getEventAt(i).getType());
+    }
+    return types;
+  };
+
+  it('should delete an event at the specified path', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Comment',
+      'BuiltinCommonInstructions::Standard',
+    ]);
+    // Path "event-1" targets index 1 (the second event)
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'delete_event',
+        operationTargetEvent: 'event-1',
+        generatedEvents: null,
+        isEventsJsonValid: null,
+        areEventsValid: null,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    expect(sceneEventsList.getEventsCount()).toBe(2);
+    expect(sceneEventsList.getEventAt(0).getType()).toBe(
+      'BuiltinCommonInstructions::Standard'
+    );
+    expect(sceneEventsList.getEventAt(1).getType()).toBe(
+      'BuiltinCommonInstructions::Standard'
+    );
+  });
+
+  it('should delete a sub-event', () => {
+    sceneEventsList.clear();
+    const parentEvent = gd.asGroupEvent(
+      sceneEventsList.insertNewEvent(
+        project,
+        'BuiltinCommonInstructions::Group',
+        0
+      )
+    );
+    const subEvents = parentEvent.getSubEvents();
+    subEvents.insertNewEvent(project, 'BuiltinCommonInstructions::Comment', 0); // sub-event 0
+    subEvents.insertNewEvent(project, 'BuiltinCommonInstructions::Standard', 1); // sub-event 1 (to delete)
+
+    // Path "event-0.1" targets parent at index 0, sub-event at its index 1
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'delete_event',
+        operationTargetEvent: 'event-0.1',
+        generatedEvents: null,
+        isEventsJsonValid: null,
+        areEventsValid: null,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+
+    const finalParentEvent = sceneEventsList.getEventAt(0);
+    expect(finalParentEvent.getSubEvents().getEventsCount()).toBe(1);
+    expect(
+      finalParentEvent
+        .getSubEvents()
+        .getEventAt(0)
+        .getType()
+    ).toBe('BuiltinCommonInstructions::Comment');
+  });
+
+  it('should insert events before a specified path', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+    ]);
+    // Path "event-1" means insert at index 1 (before Repeat)
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'insert_before_event',
+        operationTargetEvent: 'event-1',
+        generatedEvents: newEventsForInsertionJson,
+        isEventsJsonValid: true,
+        areEventsValid: true,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    // Expected: S0, NewS, NewS, R1
+    expect(sceneEventsList.getEventsCount()).toBe(4);
+    expect(getEventTypes(sceneEventsList)).toEqual([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+    ]);
+  });
+
+  it('should append events if path targets end of list', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+    ]); // S0, R1. Count = 2
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'insert_at_end',
+        operationTargetEvent: null,
+        generatedEvents: newEventsForInsertionJson,
+        isEventsJsonValid: true,
+        areEventsValid: true,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    // Expected: S0, R1, NewS, NewS
+    expect(sceneEventsList.getEventsCount()).toBe(4);
+    expect(getEventTypes(sceneEventsList)).toEqual([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+    ]);
+  });
+
+  it('should insert events as sub-events', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Group',
+    ]); // S0, G1
+    // Path "event-1" targets parent at index 1 ('Group')
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'insert_as_sub_event',
+        operationTargetEvent: 'event-1',
+        generatedEvents: newEventsForInsertionJson,
+        isEventsJsonValid: true,
+        areEventsValid: true,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    const parentEvent = sceneEventsList.getEventAt(1);
+    expect(parentEvent.getSubEvents().getEventsCount()).toBe(2);
+    expect(getEventTypes(parentEvent.getSubEvents())).toEqual([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+    ]);
+  });
+
+  it('should replace an event', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+      'BuiltinCommonInstructions::While',
+    ]);
+    // Path "event-1" targets index 1 ('Repeat') for replacement
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'insert_and_replace_event',
+        operationTargetEvent: 'event-1',
+        generatedEvents: newEventsForInsertionJson,
+        isEventsJsonValid: true,
+        areEventsValid: true,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    // Expected: S0, NewS, NewS, W2 (original R1 is gone, 2 new events inserted)
+    expect(sceneEventsList.getEventsCount()).toBe(4);
+    expect(getEventTypes(sceneEventsList)).toEqual([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::While',
+    ]);
+  });
+
+  it('should process deletions before insertions when paths are sorted', () => {
+    setupInitialSceneEvents([
+      'BuiltinCommonInstructions::Standard',
+      'BuiltinCommonInstructions::Repeat',
+      'BuiltinCommonInstructions::While',
+      'BuiltinCommonInstructions::ForEach',
+    ]);
+    // Delete W2 (idx 2, path "event-2")
+    // Insert new before R1 (idx 1, path "event-1")
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'delete_event',
+        operationTargetEvent: 'event-2',
+        generatedEvents: null,
+        isEventsJsonValid: null,
+        areEventsValid: null,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+      {
+        operationName: 'insert_before_event',
+        operationTargetEvent: 'event-1',
+        generatedEvents: newEventsForInsertionJson,
+        isEventsJsonValid: true,
+        areEventsValid: true,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    // Initial: S0, R1, W2, F3
+    // After del W2: S0, R1, F3
+    // After insert new before R1: S0, NewS, NewS, R1, F3
+    expect(sceneEventsList.getEventsCount()).toBe(5);
+    expect(getEventTypes(sceneEventsList)).toEqual([
+      'BuiltinCommonInstructions::Standard', // S0
+      'BuiltinCommonInstructions::Standard', // NewS
+      'BuiltinCommonInstructions::Standard', // NewS
+      'BuiltinCommonInstructions::Repeat', // R1
+      'BuiltinCommonInstructions::ForEach', // F3
+    ]);
+  });
+
+  it('should warn and skip insert if no generatedEvents provided for an insert operation', () => {
+    setupInitialSceneEvents(['BuiltinCommonInstructions::Standard']);
+    const consoleWarnSpy = jest
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {});
+
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'insert_before_event',
+        operationTargetEvent: 'event-1', // Insert at index 1 (append)
+        generatedEvents: null, // No events provided
+        isEventsJsonValid: null,
+        areEventsValid: null,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+
+    expect(sceneEventsList.getEventsCount()).toBe(1); // No events added
+    expect(consoleWarnSpy).toHaveBeenCalledWith(
+      expect.stringContaining(
+        'Insert operation for path [1] skipped: no events to insert or events list is empty'
+      )
+    );
+    consoleWarnSpy.mockRestore();
+  });
+
+  it('should skip invalid delete path (out of bounds) gracefully and log error', () => {
+    setupInitialSceneEvents(['BuiltinCommonInstructions::Standard']);
+    const consoleErrorSpy = jest
+      .spyOn(console, 'error')
+      .mockImplementation(() => {});
+    const eventOperations: Array<AiGeneratedEventChange> = [
+      {
+        operationName: 'delete_event',
+        operationTargetEvent: 'event-5', // Path "event-5" targets index 5, out of bounds
+        generatedEvents: null,
+        isEventsJsonValid: null,
+        areEventsValid: null,
+        diagnosticLines: [],
+        extensionNames: [],
+        undeclaredVariables: [],
+        undeclaredObjectVariables: {},
+      },
+    ];
+    applyEventsChanges(
+      project,
+      sceneEventsList,
+      eventOperations,
+      fakeGeneratedEventId
+    );
+    expect(sceneEventsList.getEventsCount()).toBe(1); // No change
+    expect(consoleErrorSpy).toHaveBeenCalledWith(
+      expect.stringContaining(
+        'Error applying event operation type delete for path [5]'
+      ),
+      expect.any(Error)
+    );
+    consoleErrorSpy.mockRestore();
+  });
+});

newIDE/app/src/EditorFunctions/ApplyVariableChange.js

@@ -0,0 +1,174 @@
+// @flow
+
+const gd: libGDevelop = global.gd;
+
+const readOrInferVariableType = (
+  specifiedType: string | null,
+  value: string
+): string => {
+  if (specifiedType) {
+    const lowercaseSpecifiedType = specifiedType.toLowerCase();
+    if (lowercaseSpecifiedType === 'string') {
+      return 'String';
+    } else if (lowercaseSpecifiedType === 'number') {
+      return 'Number';
+    } else if (lowercaseSpecifiedType === 'boolean') {
+      return 'Boolean';
+    }
+  }
+
+  if (value.toLowerCase() === 'true' || value.toLowerCase() === 'false') {
+    return 'Boolean';
+  }
+
+  const numberValue = Number(value);
+  if (!Number.isNaN(numberValue)) {
+    return 'Number';
+  }
+
+  return 'String';
+};
+
+// Parse variable path to handle both dot notation and array indexing
+const parseVariablePath = (
+  variablePath: string
+): Array<{| type: 'property' | 'index', value: string |}> => {
+  const segments = [];
+  let currentSegment = '';
+  let i = 0;
+
+  while (i < variablePath.length) {
+    const char = variablePath[i];
+
+    if (char === '.') {
+      // End of property segment
+      if (currentSegment.trim()) {
+        segments.push({ type: 'property', value: currentSegment.trim() });
+        currentSegment = '';
+      }
+      i++;
+    } else if (char === '[') {
+      // Start of array index
+      if (currentSegment.trim()) {
+        segments.push({ type: 'property', value: currentSegment.trim() });
+        currentSegment = '';
+      }
+
+      // Find the closing bracket
+      i++; // Skip opening bracket
+      let indexContent = '';
+      let foundClosingBracketWithProperIndex = false;
+      while (i < variablePath.length && variablePath[i] !== ']') {
+        indexContent += variablePath[i];
+        i++;
+      }
+
+      if (i < variablePath.length && variablePath[i] === ']') {
+        // Valid array index
+        const indexValue = indexContent.trim();
+        if (indexValue && !isNaN(parseInt(indexValue, 10))) {
+          segments.push({ type: 'index', value: indexValue });
+          foundClosingBracketWithProperIndex = true;
+        } else {
+          throw new Error(
+            `Content of the index is invalid ("${indexValue}") - it should be a number.`
+          );
+        }
+        i++; // Skip closing bracket
+      }
+
+      if (!foundClosingBracketWithProperIndex) {
+        throw new Error(
+          'Improperly formatted array index. Please check the variable path - it should be formatted like this: `myVar[1].prop`, `myVar`, `myVar.prop`, etc...'
+        );
+      }
+    } else {
+      currentSegment += char;
+      i++;
+    }
+  }
+
+  // Add remaining segment
+  if (currentSegment.trim()) {
+    segments.push({ type: 'property', value: currentSegment.trim() });
+  }
+
+  console.log('segments', segments);
+
+  return segments;
+};
+
+export const applyVariableChange = ({
+  variablePath,
+  forcedVariableType,
+  variablesContainer,
+  value,
+}: {|
+  variablePath: string,
+  forcedVariableType: string | null,
+  variablesContainer: gd.VariablesContainer,
+  value: string,
+|}) => {
+  const pathSegments = parseVariablePath(variablePath);
+
+  if (pathSegments.length === 0) {
+    throw new Error('Invalid variable path');
+  }
+
+  let addedNewVariable = false;
+  const firstSegment = pathSegments[0];
+
+  if (firstSegment.type !== 'property') {
+    throw new Error('Variable path must start with a property name');
+  }
+
+  const firstVariableName = firstSegment.value;
+  let variable = null;
+  if (!variablesContainer.has(firstVariableName)) {
+    variable = variablesContainer.insertNew(firstVariableName, 0);
+    addedNewVariable = true;
+  } else {
+    variable = variablesContainer.get(firstVariableName);
+  }
+
+  for (let i = 1; i < pathSegments.length; i++) {
+    const segment = pathSegments[i];
+
+    if (segment.type === 'property') {
+      // Navigate to structure property
+      variable.castTo('Structure');
+      if (!variable.hasChild(segment.value)) {
+        addedNewVariable = true;
+      }
+      variable = variable.getChild(segment.value);
+    } else if (segment.type === 'index') {
+      // Navigate to array element
+      const index = parseInt(segment.value, 10);
+      variable.castTo('Array');
+
+      // Ensure array has enough elements
+      while (variable.getChildrenCount() <= index) {
+        variable.pushNew();
+        addedNewVariable = true;
+      }
+
+      variable = variable.getAtIndex(index);
+    }
+  }
+
+  const variableType = readOrInferVariableType(forcedVariableType, value);
+
+  if (variableType === 'String') {
+    variable.setString(value);
+  } else if (variableType === 'Number') {
+    variable.setValue(parseFloat(value));
+  } else if (variableType === 'Boolean') {
+    variable.setBool(value.toLowerCase() === 'true');
+  }
+
+  return {
+    variable,
+    variableType,
+    addedNewVariable,
+  };
+};

newIDE/app/src/EditorFunctions/ApplyVariableChange.spec.js

@@ -0,0 +1,399 @@
+// @flow
+import { applyVariableChange } from './ApplyVariableChange';
+
+const gd: libGDevelop = global.gd;
+
+describe('applyVariableChange', () => {
+  let variablesContainer: gdVariablesContainer;
+
+  beforeEach(() => {
+    variablesContainer = new gd.VariablesContainer(
+      gd.VariablesContainer.Unknown
+    );
+  });
+
+  afterEach(() => {
+    variablesContainer.delete();
+  });
+
+  describe('Root variable modification', () => {
+    it('should create and set a new root string variable', () => {
+      const result = applyVariableChange({
+        variablePath: 'myVariable',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'hello world',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(variablesContainer.has('myVariable')).toBe(true);
+
+      const variable = variablesContainer.get('myVariable');
+      expect(variable.getType()).toBe(gd.Variable.String);
+      expect(variable.getString()).toBe('hello world');
+    });
+
+    it('should create and set a new root number variable', () => {
+      const result = applyVariableChange({
+        variablePath: 'myNum',
+        forcedVariableType: null,
+        variablesContainer,
+        value: '42.5',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(variablesContainer.has('myNum')).toBe(true);
+
+      const variable = variablesContainer.get('myNum');
+      expect(variable.getType()).toBe(gd.Variable.Number);
+      expect(variable.getValue()).toBe(42.5);
+    });
+
+    it('should create and set a new root boolean variable', () => {
+      const result = applyVariableChange({
+        variablePath: 'myBool',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'true',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(variablesContainer.has('myBool')).toBe(true);
+
+      const variable = variablesContainer.get('myBool');
+      expect(variable.getType()).toBe(gd.Variable.Boolean);
+      expect(variable.getBool()).toBe(true);
+    });
+
+    it('should modify an existing root variable', () => {
+      // Setup existing variable
+      const existingVar = variablesContainer.insertNew('existing', 0);
+      existingVar.setString('old value');
+
+      const result = applyVariableChange({
+        variablePath: 'existing',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'new value',
+      });
+
+      expect(result.addedNewVariable).toBe(false);
+      expect(variablesContainer.get('existing').getString()).toBe('new value');
+    });
+
+    it('should respect forced variable type', () => {
+      const result = applyVariableChange({
+        variablePath: 'forcedString',
+        forcedVariableType: 'String',
+        variablesContainer,
+        value: '123',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      const variable = variablesContainer.get('forcedString');
+      expect(variable.getType()).toBe(gd.Variable.String);
+      expect(variable.getString()).toBe('123');
+    });
+  });
+
+  describe('Structure child modification', () => {
+    it('should create a new structure with child property', () => {
+      const result = applyVariableChange({
+        variablePath: 'myStruct.childProperty',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'child value',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(variablesContainer.has('myStruct')).toBe(true);
+
+      const structVar = variablesContainer.get('myStruct');
+      expect(structVar.getType()).toBe(gd.Variable.Structure);
+      expect(structVar.hasChild('childProperty')).toBe(true);
+
+      const childVar = structVar.getChild('childProperty');
+      expect(childVar.getType()).toBe(gd.Variable.String);
+      expect(childVar.getString()).toBe('child value');
+    });
+
+    it('should add property to existing structure', () => {
+      // Setup existing structure
+      const existingStruct = variablesContainer.insertNew('existingStruct', 0);
+      existingStruct.castTo('Structure');
+      existingStruct.getChild('existingProp').setString('existing');
+
+      const result = applyVariableChange({
+        variablePath: 'existingStruct.newProperty',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'new prop value',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(existingStruct.hasChild('existingProp')).toBe(true);
+      expect(existingStruct.hasChild('newProperty')).toBe(true);
+      expect(existingStruct.getChild('newProperty').getString()).toBe(
+        'new prop value'
+      );
+    });
+
+    it('should handle nested structure properties', () => {
+      const result = applyVariableChange({
+        variablePath: 'level1.level2.level3',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'deep value',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+
+      const level1 = variablesContainer.get('level1');
+      expect(level1.getType()).toBe(gd.Variable.Structure);
+
+      const level2 = level1.getChild('level2');
+      expect(level2.getType()).toBe(gd.Variable.Structure);
+
+      const level3 = level2.getChild('level3');
+      expect(level3.getString()).toBe('deep value');
+    });
+  });
+
+  describe('Array item modification', () => {
+    it('should create a new array and set item at index', () => {
+      const result = applyVariableChange({
+        variablePath: 'myArray[2]',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'third item',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(variablesContainer.has('myArray')).toBe(true);
+
+      const arrayVar = variablesContainer.get('myArray');
+      expect(arrayVar.getType()).toBe(gd.Variable.Array);
+      expect(arrayVar.getChildrenCount()).toBe(3); // indices 0, 1, 2
+
+      const itemVar = arrayVar.getAtIndex(2);
+      expect(itemVar.getString()).toBe('third item');
+    });
+
+    it('should expand array when accessing higher index', () => {
+      // Setup existing array with 2 items
+      const existingArray = variablesContainer.insertNew('existingArray', 0);
+      existingArray.castTo('Array');
+      existingArray.pushNew().setString('item0');
+      existingArray.pushNew().setString('item1');
+
+      const result = applyVariableChange({
+        variablePath: 'existingArray[4]',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'item4',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      expect(existingArray.getChildrenCount()).toBe(5); // indices 0-4
+      expect(existingArray.getAtIndex(0).getString()).toBe('item0');
+      expect(existingArray.getAtIndex(1).getString()).toBe('item1');
+      expect(existingArray.getAtIndex(4).getString()).toBe('item4');
+    });
+
+    it('should handle array index with whitespace', () => {
+      const result = applyVariableChange({
+        variablePath: 'myArray[ 1 ]',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'spaced index',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+      const arrayVar = variablesContainer.get('myArray');
+      expect(arrayVar.getAtIndex(1).getString()).toBe('spaced index');
+    });
+
+    it('should modify existing array item', () => {
+      // Setup existing array
+      const existingArray = variablesContainer.insertNew('existingArray', 0);
+      existingArray.castTo('Array');
+      existingArray.pushNew().setString('original');
+
+      applyVariableChange({
+        variablePath: 'existingArray[0]',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'modified',
+      });
+
+      expect(existingArray.getAtIndex(0).getString()).toBe('modified');
+    });
+  });
+
+  describe('Mixed structure and array access', () => {
+    it('should handle array item with structure property', () => {
+      const result = applyVariableChange({
+        variablePath: 'myArray[1].itemProperty',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'nested value',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+
+      const arrayVar = variablesContainer.get('myArray');
+      expect(arrayVar.getType()).toBe(gd.Variable.Array);
+      expect(arrayVar.getChildrenCount()).toBe(2); // indices 0, 1
+
+      const itemVar = arrayVar.getAtIndex(1);
+      expect(itemVar.getType()).toBe(gd.Variable.Structure);
+      expect(itemVar.hasChild('itemProperty')).toBe(true);
+      expect(itemVar.getChild('itemProperty').getString()).toBe('nested value');
+    });
+
+    it('should handle structure with array property', () => {
+      const result = applyVariableChange({
+        variablePath: 'myStruct.arrayProp[2]',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'array in struct',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+
+      const structVar = variablesContainer.get('myStruct');
+      expect(structVar.getType()).toBe(gd.Variable.Structure);
+
+      const arrayProp = structVar.getChild('arrayProp');
+      expect(arrayProp.getType()).toBe(gd.Variable.Array);
+      expect(arrayProp.getChildrenCount()).toBe(3);
+      expect(arrayProp.getAtIndex(2).getString()).toBe('array in struct');
+    });
+
+    it('should handle complex nested paths', () => {
+      const result = applyVariableChange({
+        variablePath: 'players[0].inventory.items[2].name',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'Magic Sword',
+      });
+
+      expect(result.addedNewVariable).toBe(true);
+
+      const players = variablesContainer.get('players');
+      const player0 = players.getAtIndex(0);
+      const inventory = player0.getChild('inventory');
+      const items = inventory.getChild('items');
+      const item2 = items.getAtIndex(2);
+      const name = item2.getChild('name');
+
+      expect(name.getString()).toBe('Magic Sword');
+    });
+  });
+
+  describe('Error cases', () => {
+    it('should throw error for empty path', () => {
+      expect(() => {
+        applyVariableChange({
+          variablePath: '',
+          forcedVariableType: null,
+          variablesContainer,
+          value: 'test',
+        });
+      }).toThrow('Invalid variable path');
+    });
+
+    it('should throw error for path starting with array index', () => {
+      expect(() => {
+        applyVariableChange({
+          variablePath: '[0]',
+          forcedVariableType: null,
+          variablesContainer,
+          value: 'test',
+        });
+      }).toThrow('Variable path must start with a property name');
+    });
+
+    it('should handle invalid array index gracefully', () => {
+      // Note: The current implementation filters out invalid indexes,
+      // so this test verifies that behavior
+      expect(() => {
+        applyVariableChange({
+          variablePath: 'myVar[wrong wrong].prop',
+          forcedVariableType: null,
+          variablesContainer,
+          value: 'test',
+        });
+      }).toThrow(
+        'Content of the index is invalid ("wrong wrong") - it should be a number.'
+      );
+    });
+
+    it('should handle malformed brackets', () => {
+      expect(() => {
+        applyVariableChange({
+          variablePath: 'malformedVar[1.prop',
+          forcedVariableType: null,
+          variablesContainer,
+          value: 'test',
+        });
+      }).toThrow(
+        'Improperly formatted array index. Please check the variable path - it should be formatted like this: `myVar[1].prop`, `myVar`, `myVar.prop`, etc...'
+      );
+    });
+  });
+
+  describe('Type inference', () => {
+    it('should infer boolean type from "true"', () => {
+      applyVariableChange({
+        variablePath: 'testBool',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'true',
+      });
+
+      const variable = variablesContainer.get('testBool');
+      expect(variable.getType()).toBe(gd.Variable.Boolean);
+      expect(variable.getBool()).toBe(true);
+    });
+
+    it('should infer boolean type from "false"', () => {
+      applyVariableChange({
+        variablePath: 'testBool',
+        forcedVariableType: null,
+        variablesContainer,
+        value: 'FALSE',
+      });
+
+      const variable = variablesContainer.get('testBool');
+      expect(variable.getType()).toBe(gd.Variable.Boolean);
+      expect(variable.getBool()).toBe(false);
+    });
+
+    it('should infer number type from numeric strings', () => {
+      applyVariableChange({
+        variablePath: 'testNum',
+        forcedVariableType: null,
+        variablesContainer,
+        value: '3.14159',
+      });
+
+      const variable = variablesContainer.get('testNum');
+      expect(variable.getType()).toBe(gd.Variable.Number);
+      expect(variable.getValue()).toBe(3.14159);
+    });
+
+    it('should default to string type for mixed content', () => {
+      applyVariableChange({
+        variablePath: 'testString',
+        forcedVariableType: null,
+        variablesContainer,
+        value: '123abc',
+      });
+
+      const variable = variablesContainer.get('testString');
+      expect(variable.getType()).toBe(gd.Variable.String);
+      expect(variable.getString()).toBe('123abc');
+    });
+  });
+});

newIDE/app/src/EditorFunctions/EditorFunctionCallRunner.js

@@ -0,0 +1,153 @@
+// @flow
+import { type EventsGenerationResult } from '.';
+import {
+  editorFunctions,
+  type EditorFunction,
+  type EditorFunctionCall,
+  type EditorFunctionGenericOutput,
+  type EventsGenerationOptions,
+  type AssetSearchAndInstallOptions,
+  type AssetSearchAndInstallResult,
+} from '.';
+
+export type EditorFunctionCallResult =
+  | {|
+      status: 'working',
+      call_id: string,
+    |}
+  | {|
+      status: 'finished',
+      call_id: string,
+      success: boolean,
+      output: any,
+    |}
+  | {|
+      status: 'ignored',
+      call_id: string,
+    |};
+
+export type ProcessEditorFunctionCallsOptions = {|
+  project: gdProject,
+  functionCalls: Array<EditorFunctionCall>,
+  ignore: boolean,
+  generateEvents: (
+    options: EventsGenerationOptions
+  ) => Promise<EventsGenerationResult>,
+  onSceneEventsModifiedOutsideEditor: (scene: gdLayout) => void,
+  ensureExtensionInstalled: (options: {|
+    extensionName: string,
+  |}) => Promise<void>,
+  searchAndInstallAsset: (
+    options: AssetSearchAndInstallOptions
+  ) => Promise<AssetSearchAndInstallResult>,
+|};
+
+export const processEditorFunctionCalls = async ({
+  functionCalls,
+  project,
+  generateEvents,
+  onSceneEventsModifiedOutsideEditor,
+  ignore,
+  ensureExtensionInstalled,
+  searchAndInstallAsset,
+}: ProcessEditorFunctionCallsOptions): Promise<
+  Array<EditorFunctionCallResult>
+> => {
+  const results: Array<EditorFunctionCallResult> = [];
+
+  for (const functionCall of functionCalls) {
+    const call_id = functionCall.call_id;
+    if (ignore) {
+      results.push({
+        status: 'ignored',
+        call_id,
+      });
+      continue;
+    }
+
+    const name = functionCall.name;
+    let args;
+    try {
+      try {
+        args = JSON.parse(functionCall.arguments);
+      } catch (error) {
+        console.error('Error parsing arguments: ', error);
+        results.push({
+          status: 'finished',
+          call_id,
+          success: false,
+          output: {
+            message: 'Invalid arguments (not a valid JSON string).',
+          },
+        });
+      }
+
+      if (name === null) {
+        results.push({
+          status: 'finished',
+          call_id,
+          success: false,
+          output: {
+            message: 'Missing or invalid function name.',
+          },
+        });
+        continue;
+      }
+
+      if (args === null) {
+        results.push({
+          status: 'finished',
+          call_id,
+          success: false,
+          output: {
+            message: `Invalid arguments for function: ${name}.`,
+          },
+        });
+        continue;
+      }
+
+      // Check if the function exists
+      const editorFunction: EditorFunction | null =
+        editorFunctions[name] || null;
+      if (!editorFunction) {
+        results.push({
+          status: 'finished',
+          call_id,
+          success: false,
+          output: {
+            message: `Unknown function: ${name}.`,
+          },
+        });
+        continue;
+      }
+
+      // Execute the function
+      const result: EditorFunctionGenericOutput = await editorFunction.launchFunction(
+        {
+          project,
+          args,
+          generateEvents,
+          onSceneEventsModifiedOutsideEditor,
+          ensureExtensionInstalled,
+          searchAndInstallAsset,
+        }
+      );
+      const { success, ...output } = result;
+      results.push({
+        status: 'finished',
+        call_id,
+        success,
+        output,
+      });
+    } catch (error) {
+      results.push({
+        status: 'finished',
+        call_id,
+        success: false,
+        output: { message: error.message || 'Unknown error' },
+      });
+    }
+  }
+
+  return results;
+};

newIDE/app/src/EditorFunctions/SimplifiedProject/ExtensionSummary.js

@@ -0,0 +1,279 @@
+// @flow
+import { mapFor } from '../../Utils/MapFor';
+
+export type ParameterSummary = {|
+  isCodeOnly?: boolean,
+  name?: string,
+  type: string,
+  description?: string,
+  isOptional?: boolean,
+  extraInfo?: string,
+|};
+
+/**
+ * A simplified summary of an instruction.
+ */
+export type InstructionSummary = {|
+  type: string,
+  description: string,
+  parameters: Array<ParameterSummary>,
+  hidden?: boolean,
+  relevantForSceneEvents?: boolean,
+|};
+
+/**
+ * A simplified summary of an expression.
+ */
+export type ExpressionSummary = {|
+  type: string,
+  description: string,
+  parameters: Array<ParameterSummary>,
+  hidden?: boolean,
+  relevantForSceneEvents?: boolean,
+|};
+
+export type ObjectSummary = {|
+  name: string,
+  fullName: string,
+  description: string,
+  actions: Array<InstructionSummary>,
+  conditions: Array<InstructionSummary>,
+  expressions: Array<ExpressionSummary>,
+|};
+
+export type BehaviorSummary = {|
+  name: string,
+  fullName: string,
+  description: string,
+  objectType?: string,
+  actions: Array<InstructionSummary>,
+  conditions: Array<InstructionSummary>,
+  expressions: Array<ExpressionSummary>,
+|};
+
+export type ExtensionSummary = {|
+  extensionName: string,
+  extensionFullName: string,
+  description: string,
+  freeActions: Array<InstructionSummary>,
+  freeConditions: Array<InstructionSummary>,
+  freeExpressions: Array<ExpressionSummary>,
+  objects: { [string]: ObjectSummary },
+  behaviors: { [string]: BehaviorSummary },
+|};
+
+const normalizeType = (parameterType: string) => {
+  if (parameterType === 'expression') return 'number';
+
+  if (
+    parameterType === 'object' ||
+    parameterType === 'objectPtr' ||
+    parameterType === 'objectList' ||
+    parameterType === 'objectListOrEmptyIfJustDeclared' ||
+    parameterType === 'objectListOrEmptyWithoutPicking'
+  ) {
+    return 'object';
+  }
+
+  return parameterType;
+};
+
+const getParameterSummary = (
+  parameterMetadata: gdParameterMetadata
+): ParameterSummary => {
+  const parameterSummary: ParameterSummary = {
+    type: normalizeType(parameterMetadata.getType()),
+  };
+  if (parameterMetadata.getDescription()) {
+    parameterSummary.description = parameterMetadata.getDescription();
+  }
+  if (parameterMetadata.getName()) {
+    parameterSummary.name = parameterMetadata.getName();
+  }
+  if (parameterMetadata.isCodeOnly()) {
+    parameterSummary.isCodeOnly = true;
+  }
+  if (parameterMetadata.isOptional()) {
+    parameterSummary.isOptional = true;
+  }
+  if (parameterMetadata.getExtraInfo()) {
+    parameterSummary.extraInfo = parameterMetadata.getExtraInfo();
+  }
+  return parameterSummary;
+};
+
+export const buildExtensionSummary = ({
+  gd,
+  extension,
+}: {
+  gd: libGDevelop,
+  extension: gdPlatformExtension,
+}): ExtensionSummary => {
+  const objects: { [string]: ObjectSummary } = {};
+  const behaviors: { [string]: BehaviorSummary } = {};
+
+  const generateInstructionsSummaries = ({
+    instructionsMetadata,
+  }: {
+    instructionsMetadata: gdMapStringInstructionMetadata,
+  }) => {
+    const instructionTypes = instructionsMetadata.keys().toJSArray();
+    return instructionTypes
+      .map(instructionType => {
+        const instructionMetadata = instructionsMetadata.get(instructionType);
+
+        if (instructionMetadata.isPrivate()) return null;
+
+        const instructionSummary: InstructionSummary = {
+          type: instructionType,
+          description: instructionMetadata.getDescription(),
+          parameters: mapFor(
+            0,
+            instructionMetadata.getParameters().getParametersCount(),
+            index => {
+              const parameterMetadata = instructionMetadata.getParameter(index);
+              return getParameterSummary(parameterMetadata);
+            }
+          ),
+        };
+        if (instructionMetadata.isHidden()) {
+          instructionSummary.hidden = true;
+        }
+        if (!instructionMetadata.isRelevantForLayoutEvents()) {
+          instructionSummary.relevantForSceneEvents = false;
+        }
+
+        return instructionSummary;
+      })
+      .filter(Boolean);
+  };
+
+  const generateExpressionSummaries = ({
+    expressionsMetadata,
+  }: {
+    expressionsMetadata: gdMapStringExpressionMetadata,
+  }) => {
+    const expressionTypes = expressionsMetadata.keys().toJSArray();
+    return expressionTypes
+      .map(expressionType => {
+        const expressionMetadata = expressionsMetadata.get(expressionType);
+
+        if (expressionMetadata.isPrivate()) return null;
+
+        const expressionSummary: ExpressionSummary = {
+          type: expressionType,
+          description: expressionMetadata.getDescription(),
+          parameters: mapFor(
+            0,
+            expressionMetadata.getParameters().getParametersCount(),
+            index => {
+              const parameterMetadata = expressionMetadata.getParameter(index);
+              return getParameterSummary(parameterMetadata);
+            }
+          ),
+        };
+        if (!expressionMetadata.isShown()) {
+          expressionSummary.hidden = true;
+        }
+        if (!expressionMetadata.isRelevantForLayoutEvents()) {
+          expressionSummary.relevantForSceneEvents = false;
+        }
+
+        return expressionSummary;
+      })
+      .filter(Boolean);
+  };
+
+  extension
+    .getExtensionObjectsTypes()
+    .toJSArray()
+    .forEach(objectType => {
+      const objectMetadata = extension.getObjectMetadata(objectType);
+      if (
+        gd.MetadataProvider.isBadObjectMetadata(objectMetadata) ||
+        objectMetadata.isPrivate()
+      ) {
+        return;
+      }
+
+      objects[objectType] = {
+        name: objectMetadata.getName(),
+        fullName: objectMetadata.getFullName(),
+        description: objectMetadata.getDescription(),
+        actions: generateInstructionsSummaries({
+          instructionsMetadata: objectMetadata.getAllActions(),
+        }),
+        conditions: generateInstructionsSummaries({
+          instructionsMetadata: objectMetadata.getAllConditions(),
+        }),
+        expressions: [
+          ...generateExpressionSummaries({
+            expressionsMetadata: objectMetadata.getAllExpressions(),
+          }),
+          ...generateExpressionSummaries({
+            expressionsMetadata: objectMetadata.getAllStrExpressions(),
+          }),
+        ],
+      };
+    });
+  extension
+    .getBehaviorsTypes()
+    .toJSArray()
+    .forEach(behaviorType => {
+      const behaviorMetadata = extension.getBehaviorMetadata(behaviorType);
+      if (
+        gd.MetadataProvider.isBadBehaviorMetadata(behaviorMetadata) ||
+        behaviorMetadata.isPrivate()
+      ) {
+        return;
+      }
+
+      const behaviorSummary: BehaviorSummary = {
+        name: behaviorMetadata.getName(),
+        fullName: behaviorMetadata.getFullName(),
+        description: behaviorMetadata.getDescription(),
+        actions: generateInstructionsSummaries({
+          instructionsMetadata: behaviorMetadata.getAllActions(),
+        }),
+        conditions: generateInstructionsSummaries({
+          instructionsMetadata: behaviorMetadata.getAllConditions(),
+        }),
+        expressions: [
+          ...generateExpressionSummaries({
+            expressionsMetadata: behaviorMetadata.getAllExpressions(),
+          }),
+          ...generateExpressionSummaries({
+            expressionsMetadata: behaviorMetadata.getAllStrExpressions(),
+          }),
+        ],
+      };
+
+      if (behaviorMetadata.getObjectType()) {
+        behaviorSummary.objectType = behaviorMetadata.getObjectType();
+      }
+
+      behaviors[behaviorType] = behaviorSummary;
+    });
+
+  return {
+    extensionName: extension.getName(),
+    extensionFullName: extension.getFullName(),
+    description: extension.getDescription(),
+    freeActions: generateInstructionsSummaries({
+      instructionsMetadata: extension.getAllActions(),
+    }),
+    freeConditions: generateInstructionsSummaries({
+      instructionsMetadata: extension.getAllConditions(),
+    }),
+    freeExpressions: [
+      ...generateExpressionSummaries({
+        expressionsMetadata: extension.getAllExpressions(),
+      }),
+      ...generateExpressionSummaries({
+        expressionsMetadata: extension.getAllStrExpressions(),
+      }),
+    ],
+    objects,
+    behaviors,
+  };
+};

newIDE/app/src/EditorFunctions/SimplifiedProject/SimplifiedProject.js

@@ -0,0 +1,370 @@
+// @flow
+import { mapFor, mapVector } from '../../Utils/MapFor';
+import { isCollectionVariable } from '../../Utils/VariablesUtils';
+import {
+  buildExtensionSummary,
+  type ExtensionSummary,
+} from './ExtensionSummary';
+
+export type SimplifiedBehavior = {|
+  behaviorName: string,
+  behaviorType: string,
+|};
+
+type SimplifiedVariable = {|
+  variableName: string,
+  type: string,
+  value?: string,
+  variableChildren?: Array<SimplifiedVariable>,
+|};
+
+type SimplifiedObject = {|
+  objectName: string,
+  objectType: string,
+  behaviors?: Array<SimplifiedBehavior>,
+  objectVariables?: Array<SimplifiedVariable>,
+|};
+
+type SimplifiedObjectGroup = {|
+  objectGroupName: string,
+  objectGroupType: string,
+  objectNames: Array<string>,
+  behaviors?: Array<SimplifiedBehavior>,
+  variables?: Array<SimplifiedVariable>,
+|};
+
+type SimplifiedScene = {|
+  sceneName: string,
+  objects: Array<SimplifiedObject>,
+  objectGroups: Array<SimplifiedObjectGroup>,
+  sceneVariables: Array<SimplifiedVariable>,
+  instancesOnSceneDescription: string,
+|};
+
+type SimplifiedProject = {|
+  globalObjects: Array<SimplifiedObject>,
+  globalObjectGroups: Array<SimplifiedObjectGroup>,
+  scenes: Array<SimplifiedScene>,
+  globalVariables: Array<SimplifiedVariable>,
+|};
+
+type ProjectSpecificExtensionsSummary = {|
+  extensionSummaries: Array<ExtensionSummary>,
+|};
+
+export type SimplifiedProjectOptions = {|
+  scopeToScene?: string,
+|};
+
+export const makeSimplifiedProjectBuilder = (gd: libGDevelop) => {
+  const getVariableType = (variable: gdVariable) => {
+    const type = variable.getType();
+    return type === gd.Variable.String
+      ? 'String'
+      : type === gd.Variable.Number
+      ? 'Number'
+      : type === gd.Variable.Boolean
+      ? 'Boolean'
+      : type === gd.Variable.Structure
+      ? 'Structure'
+      : type === gd.Variable.Array
+      ? 'Array'
+      : 'unknown';
+  };
+
+  const getVariableValueAsString = (variable: gdVariable) => {
+    const type = variable.getType();
+    return type === gd.Variable.Structure || type === gd.Variable.Array
+      ? variable.getChildrenCount() === 0
+        ? `No children`
+        : variable.getChildrenCount() === 1
+        ? `1 child`
+        : `${variable.getChildrenCount()} children`
+      : type === gd.Variable.String
+      ? variable.getString()
+      : type === gd.Variable.Number
+      ? variable.getValue().toString()
+      : type === gd.Variable.Boolean
+      ? variable.getBool()
+        ? `True`
+        : `False`
+      : 'unknown';
+  };
+
+  const getSimplifiedVariable = (
+    name: string,
+    variable: gdVariable,
+    depth = 0
+  ): SimplifiedVariable => {
+    const isCollection = isCollectionVariable(variable);
+
+    if (isCollection) {
+      // Don't diplay children of arrays, and only display the first level of children of structures.
+      if (variable.getType() === gd.Variable.Structure && depth === 0) {
+        return {
+          variableName: name,
+          type: getVariableType(variable),
+          variableChildren: variable
+            .getAllChildrenNames()
+            .toJSArray()
+            .map(childName => {
+              const childVariable = variable.getChild(childName);
+              return getSimplifiedVariable(childName, childVariable, depth + 1);
+            }),
+        };
+      }
+      return {
+        variableName: name,
+        type: getVariableType(variable),
+      };
+    }
+
+    return {
+      variableName: name,
+      type: getVariableType(variable),
+      value: getVariableValueAsString(variable),
+    };
+  };
+
+  const getSimplifiedVariablesContainerJson = (
+    container: gdVariablesContainer
+  ): Array<SimplifiedVariable> => {
+    return mapFor(0, Math.min(container.count(), 20), (index: number) => {
+      const name = container.getNameAt(index);
+      const variable = container.getAt(index);
+      return getSimplifiedVariable(name, variable);
+    }).filter(Boolean);
+  };
+
+  const getSimplifiedObject = (object: gdObject): SimplifiedObject => {
+    const objectVariables = getSimplifiedVariablesContainerJson(
+      object.getVariables()
+    );
+    const behaviors = object
+      .getAllBehaviorNames()
+      .toJSArray()
+      .map(behaviorName => {
+        const behavior = object.getBehavior(behaviorName);
+
+        return {
+          behaviorName: behavior.getName(),
+          behaviorType: behavior.getTypeName(),
+        };
+      })
+      .filter(Boolean);
+
+    const simplifiedObject: SimplifiedObject = {
+      objectName: object.getName(),
+      objectType: object.getType(),
+    };
+
+    if (behaviors.length > 0) {
+      simplifiedObject.behaviors = behaviors;
+    }
+    if (objectVariables.length > 0) {
+      simplifiedObject.objectVariables = objectVariables;
+    }
+
+    return simplifiedObject;
+  };
+
+  const getSimplifiedObjectsJson = (
+    objects: gdObjectsContainer
+  ): Array<SimplifiedObject> => {
+    return mapFor(0, objects.getObjectsCount(), i => {
+      const object = objects.getObjectAt(i);
+      return getSimplifiedObject(object);
+    });
+  };
+
+  const getSimplifiedObjectGroups = (
+    objectGroups: gdObjectGroupsContainer,
+    objectsContainersList: gdObjectsContainersList
+  ): Array<SimplifiedObjectGroup> => {
+    return mapFor(0, objectGroups.count(), i => {
+      const objectGroup = objectGroups.getAt(i);
+
+      const behaviorNames = objectsContainersList
+        .getBehaviorsOfObject(objectGroup.getName(), true)
+        .toJSArray();
+
+      const variablesContainer = gd.ObjectVariableHelper.mergeVariableContainers(
+        objectsContainersList,
+        objectGroup
+      );
+
+      return {
+        objectGroupName: objectGroup.getName(),
+        objectGroupType: objectsContainersList.getTypeOfObject(
+          objectGroup.getName()
+        ),
+        objectNames: objectGroup.getAllObjectsNames().toJSArray(),
+        behaviors:
+          behaviorNames.length > 0
+            ? behaviorNames.map(behaviorName => ({
+                behaviorName,
+                behaviorType: objectsContainersList.getTypeOfBehaviorInObjectOrGroup(
+                  objectGroup.getName(),
+                  behaviorName,
+                  true
+                ),
+              }))
+            : undefined,
+        variables:
+          variablesContainer.count() > 0
+            ? getSimplifiedVariablesContainerJson(variablesContainer)
+            : undefined,
+      };
+    });
+  };
+
+  const getInstancesDescription = (scene: gdLayout): string => {
+    let isEmpty = true;
+    const instancesCountPerLayer: { [string]: { [string]: number } } = {};
+
+    const instancesListerFunctor = new gd.InitialInstanceJSFunctor();
+    // $FlowFixMe - invoke is not writable
+    instancesListerFunctor.invoke = instancePtr => {
+      // $FlowFixMe - wrapPointer is not exposed
+      const instance: gdInitialInstance = gd.wrapPointer(
+        instancePtr,
+        gd.InitialInstance
+      );
+      const name = instance.getObjectName();
+      if (!name) return;
+
+      const layer = instance.getLayer();
+
+      const layerInstancesCount = (instancesCountPerLayer[layer] =
+        instancesCountPerLayer[layer] || {});
+      layerInstancesCount[name] = (layerInstancesCount[name] || 0) + 1;
+      isEmpty = false;
+    };
+    // $FlowFixMe - JSFunctor is incompatible with Functor
+    scene.getInitialInstances().iterateOverInstances(instancesListerFunctor);
+    instancesListerFunctor.delete();
+
+    if (isEmpty) {
+      return 'There are no instances of objects placed on the scene - the scene is empty.';
+    }
+
+    const layersContainer = scene.getLayers();
+
+    return [
+      `On the scene, there are:`,
+      ...mapFor(0, layersContainer.getLayersCount(), i => {
+        const layer = layersContainer.getLayerAt(i);
+        const layerName = layer.getName();
+        const layerInstancesCount = instancesCountPerLayer[layerName];
+
+        return [
+          layerName ? `- on layer "${layer.getName()}":` : `- on base layer:`,
+          !layerInstancesCount || Object.keys(layerInstancesCount).length === 0
+            ? `  - Nothing (no instances)`
+            : Object.keys(layerInstancesCount)
+                .map(name => `  - ${layerInstancesCount[name]} ${name}`)
+                .join('\n'),
+        ].join('\n');
+      }),
+      '',
+      `Inspect instances on the scene to get more details if needed.`,
+    ].join('\n');
+  };
+
+  const getSimplifiedScene = (
+    project: gdProject,
+    scene: gdLayout
+  ): SimplifiedScene => {
+    const projectScopedContainers = gd.ProjectScopedContainers.makeNewProjectScopedContainersForProjectAndLayout(
+      project,
+      scene
+    );
+
+    return {
+      sceneName: scene.getName(),
+      objects: getSimplifiedObjectsJson(scene.getObjects()),
+      objectGroups: getSimplifiedObjectGroups(
+        scene.getObjects().getObjectGroups(),
+        projectScopedContainers.getObjectsContainersList()
+      ),
+      sceneVariables: getSimplifiedVariablesContainerJson(scene.getVariables()),
+      instancesOnSceneDescription: getInstancesDescription(scene),
+    };
+  };
+
+  const getSimplifiedProject = (
+    project: gdProject,
+    options: SimplifiedProjectOptions
+  ): SimplifiedProject => {
+    const globalObjects = getSimplifiedObjectsJson(project.getObjects());
+    const scenes = mapFor(0, project.getLayoutsCount(), i => {
+      const scene = project.getLayoutAt(i);
+      if (options.scopeToScene && scene.getName() !== options.scopeToScene)
+        return null;
+
+      return getSimplifiedScene(project, scene);
+    }).filter(Boolean);
+
+    const projectScopedContainers = gd.ProjectScopedContainers.makeNewProjectScopedContainersForProject(
+      project
+    );
+
+    // Filter extensions to only include extensions from the project.
+
+    const simplifiedProject: SimplifiedProject = {
+      globalObjects,
+      globalObjectGroups: getSimplifiedObjectGroups(
+        project.getObjects().getObjectGroups(),
+        projectScopedContainers.getObjectsContainersList()
+      ),
+      scenes,
+      globalVariables: getSimplifiedVariablesContainerJson(
+        project.getVariables()
+      ),
+    };
+
+    return simplifiedProject;
+  };
+
+  const getProjectSpecificExtensionsSummary = (
+    project: gdProject
+  ): ProjectSpecificExtensionsSummary => {
+    const startTime = Date.now();
+    const platform = project.getCurrentPlatform();
+    const allExtensions = platform.getAllPlatformExtensions();
+
+    const projectExtensionNames = new Set(
+      mapFor(0, project.getEventsFunctionsExtensionsCount(), i => {
+        const extension = project.getEventsFunctionsExtensionAt(i);
+        return extension.getName();
+      })
+    );
+
+    const projectSpecificExtensions: Array<gdPlatformExtension> = mapVector(
+      allExtensions,
+      extension => {
+        if (projectExtensionNames.has(extension.getName())) {
+          return extension;
+        }
+        return null;
+      }
+    ).filter(Boolean);
+
+    const extensionsSummary: ProjectSpecificExtensionsSummary = {
+      extensionSummaries: projectSpecificExtensions.map(extension =>
+        buildExtensionSummary({ gd, extension })
+      ),
+    };
+
+    const duration = Date.now() - startTime;
+    console.info(
+      `Project specific extensions summary generated in ${duration.toFixed(
+        0
+      )}ms`
+    );
+
+    return extensionsSummary;
+  };
+
+  return { getSimplifiedProject, getProjectSpecificExtensionsSummary };
+};

newIDE/app/src/EditorFunctions/SimplifiedProject/SimplifiedProject.spec.js

@@ -0,0 +1,905 @@
+// @flow
+import { makeSimplifiedProjectBuilder } from './SimplifiedProject';
+import { makeTestProject } from '../../fixtures/TestProject';
+import { makeTestExtensions } from '../../fixtures/TestExtensions';
+const initializeGDevelopJs = require('libGD.js-for-tests-only');
+
+describe('SimplifiedProject', () => {
+  it('should create a simplified project JSON with global objects and scenes', async () => {
+    const gd = await initializeGDevelopJs();
+    const { project } = makeTestProject(gd);
+    const simplifiedJson = makeSimplifiedProjectBuilder(
+      gd
+    ).getSimplifiedProject(project, {});
+
+    expect(simplifiedJson).toMatchInlineSnapshot(`
+      Object {
+        "globalObjectGroups": Array [],
+        "globalObjects": Array [
+          Object {
+            "behaviors": Array [
+              Object {
+                "behaviorName": "Effect",
+                "behaviorType": "EffectCapability::EffectBehavior",
+              },
+              Object {
+                "behaviorName": "Opacity",
+                "behaviorType": "OpacityCapability::OpacityBehavior",
+              },
+              Object {
+                "behaviorName": "Resizable",
+                "behaviorType": "ResizableCapability::ResizableBehavior",
+              },
+            ],
+            "objectName": "GlobalTiledSpriteObject",
+            "objectType": "TiledSpriteObject::TiledSprite",
+          },
+          Object {
+            "behaviors": Array [
+              Object {
+                "behaviorName": "Effect",
+                "behaviorType": "EffectCapability::EffectBehavior",
+              },
+              Object {
+                "behaviorName": "Opacity",
+                "behaviorType": "OpacityCapability::OpacityBehavior",
+              },
+              Object {
+                "behaviorName": "Scale",
+                "behaviorType": "ScalableCapability::ScalableBehavior",
+              },
+              Object {
+                "behaviorName": "Text",
+                "behaviorType": "TextContainerCapability::TextContainerBehavior",
+              },
+            ],
+            "objectName": "GlobalTextObject",
+            "objectType": "TextObject::Text",
+          },
+        ],
+        "globalVariables": Array [],
+        "scenes": Array [
+          Object {
+            "instancesOnSceneDescription": "On the scene, there are:
+      - on layer \\"GUI\\":
+        - Nothing (no instances)
+      - on layer \\"OtherLayer\\":
+        - Nothing (no instances)
+      - on base layer:
+        - 1 CubeObject
+        - 1 TextInputObject
+        - 1 MySpriteObject
+
+      Inspect instances on the scene to get more details if needed.",
+            "objectGroups": Array [
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectGroupName": "GroupOfSprites",
+                "objectGroupType": "Sprite",
+                "objectNames": Array [
+                  "MySpriteObject",
+                ],
+                "variables": Array [
+                  Object {
+                    "type": "String",
+                    "value": "A multiline
+      str value",
+                    "variableName": "ObjectVariable",
+                  },
+                  Object {
+                    "type": "Structure",
+                    "variableChildren": Array [
+                      Object {
+                        "type": "Number",
+                        "value": "564",
+                        "variableName": "ObjectChild1",
+                      },
+                      Object {
+                        "type": "String",
+                        "value": "Guttentag",
+                        "variableName": "ObjectChild2",
+                      },
+                      Object {
+                        "type": "Boolean",
+                        "value": "True",
+                        "variableName": "ObjectChild3",
+                      },
+                      Object {
+                        "type": "Array",
+                        "variableName": "ObjectChild4",
+                      },
+                    ],
+                    "variableName": "OtherObjectVariable",
+                  },
+                ],
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectGroupName": "GroupOfObjects",
+                "objectGroupType": "",
+                "objectNames": Array [
+                  "MySpriteObject",
+                  "MyTextObject",
+                ],
+                "variables": undefined,
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Draggable",
+                    "behaviorType": "DraggableBehavior::Draggable",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "PlatformerObject",
+                    "behaviorType": "PlatformBehavior::PlatformerObjectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectGroupName": "GroupOfSpriteObjectsWithBehaviors",
+                "objectGroupType": "Sprite",
+                "objectNames": Array [
+                  "MySpriteObjectWithBehaviors",
+                ],
+                "variables": undefined,
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectGroupName": "MyGroupWithObjectsHavingLongName",
+                "objectGroupType": "Sprite",
+                "objectNames": Array [
+                  "MySpriteObject",
+                  "MySpriteObject_With_A_Veeeerrryyyyyyyyy_Looooooooooooong_Name",
+                  "MySpriteObjectWithoutBehaviors",
+                ],
+                "variables": undefined,
+              },
+            ],
+            "objects": Array [
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObjectWithEffects",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObjectWithoutEffect",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObjectWithoutBehaviors",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Draggable",
+                    "behaviorType": "DraggableBehavior::Draggable",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "PlatformerObject",
+                    "behaviorType": "PlatformBehavior::PlatformerObjectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObjectWithBehaviors",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MyEmptySpriteObject",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObject",
+                "objectType": "Sprite",
+                "objectVariables": Array [
+                  Object {
+                    "type": "String",
+                    "value": "A multiline
+      str value",
+                    "variableName": "ObjectVariable",
+                  },
+                  Object {
+                    "type": "Structure",
+                    "variableChildren": Array [
+                      Object {
+                        "type": "Number",
+                        "value": "564",
+                        "variableName": "ObjectChild1",
+                      },
+                      Object {
+                        "type": "String",
+                        "value": "Guttentag",
+                        "variableName": "ObjectChild2",
+                      },
+                      Object {
+                        "type": "Boolean",
+                        "value": "True",
+                        "variableName": "ObjectChild3",
+                      },
+                      Object {
+                        "type": "Array",
+                        "variableName": "ObjectChild4",
+                      },
+                    ],
+                    "variableName": "OtherObjectVariable",
+                  },
+                ],
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                ],
+                "objectName": "MyPanelSpriteObject",
+                "objectType": "PanelSpriteObject::PanelSprite",
+              },
+              Object {
+                "objectName": "TextInputObject",
+                "objectType": "FakeTextInput::TextInput",
+              },
+              Object {
+                "objectName": "CubeObject",
+                "objectType": "FakeScene3D::Cube3DObject",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                ],
+                "objectName": "MyTiledSpriteObject",
+                "objectType": "TiledSpriteObject::TiledSprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                ],
+                "objectName": "MyParticleEmitter",
+                "objectType": "ParticleSystem::ParticleEmitter",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Text",
+                    "behaviorType": "TextContainerCapability::TextContainerBehavior",
+                  },
+                ],
+                "objectName": "MyTextObject",
+                "objectType": "TextObject::Text",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MyShapePainterObject",
+                "objectType": "PrimitiveDrawing::Drawer",
+              },
+              Object {
+                "objectName": "MyButton",
+                "objectType": "Button::PanelSpriteButton",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "MySpriteObject_With_A_Veeeerrryyyyyyyyy_Looooooooooooong_Name",
+                "objectType": "Sprite",
+              },
+              Object {
+                "objectName": "MyFakeObjectWithUnsupportedCapability",
+                "objectType": "FakeObjectWithUnsupportedCapability::FakeObjectWithUnsupportedCapability",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls1",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls2",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls3",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls4",
+                "objectType": "Sprite",
+              },
+              Object {
+                "behaviors": Array [
+                  Object {
+                    "behaviorName": "Animation",
+                    "behaviorType": "AnimatableCapability::AnimatableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Effect",
+                    "behaviorType": "EffectCapability::EffectBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Flippable",
+                    "behaviorType": "FlippableCapability::FlippableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Opacity",
+                    "behaviorType": "OpacityCapability::OpacityBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Resizable",
+                    "behaviorType": "ResizableCapability::ResizableBehavior",
+                  },
+                  Object {
+                    "behaviorName": "Scale",
+                    "behaviorType": "ScalableCapability::ScalableBehavior",
+                  },
+                ],
+                "objectName": "VirtualControls5",
+                "objectType": "Sprite",
+              },
+            ],
+            "sceneName": "TestLayout",
+            "sceneVariables": Array [
+              Object {
+                "type": "String",
+                "value": "A multiline
+      str value",
+                "variableName": "Variable1",
+              },
+              Object {
+                "type": "String",
+                "value": "123456",
+                "variableName": "Variable2",
+              },
+              Object {
+                "type": "Structure",
+                "variableChildren": Array [
+                  Object {
+                    "type": "String",
+                    "value": "Child1 str value",
+                    "variableName": "Child1",
+                  },
+                  Object {
+                    "type": "String",
+                    "value": "7891011",
+                    "variableName": "Child2",
+                  },
+                  Object {
+                    "type": "Structure",
+                    "variableName": "FoldedChild",
+                  },
+                ],
+                "variableName": "Variable3",
+              },
+              Object {
+                "type": "Array",
+                "variableName": "FoldedArray",
+              },
+              Object {
+                "type": "Array",
+                "variableName": "OtherArray",
+              },
+            ],
+          },
+          Object {
+            "instancesOnSceneDescription": "There are no instances of objects placed on the scene - the scene is empty.",
+            "objectGroups": Array [],
+            "objects": Array [],
+            "sceneName": "EmptyLayout",
+            "sceneVariables": Array [],
+          },
+          Object {
+            "instancesOnSceneDescription": "There are no instances of objects placed on the scene - the scene is empty.",
+            "objectGroups": Array [],
+            "objects": Array [],
+            "sceneName": "Layout with a very looooooooong naaaaame to test in the project manager",
+            "sceneVariables": Array [],
+          },
+        ],
+      }
+    `);
+  });
+
+  it('should include summaries of project specific extensions', async () => {
+    const gd = await initializeGDevelopJs();
+    makeTestExtensions(gd);
+
+    const project = gd.ProjectHelper.createNewGDJSProject();
+    // Mimic the test extension "FakeBehavior" was created from a project extension:
+    project.insertNewEventsFunctionsExtension('FakeBehavior', 0);
+
+    const projectSpecificExtensionsSummary = makeSimplifiedProjectBuilder(
+      gd
+    ).getProjectSpecificExtensionsSummary(project);
+
+    expect(projectSpecificExtensionsSummary).toMatchInlineSnapshot(`
+      Object {
+        "extensionSummaries": Array [
+          Object {
+            "behaviors": Object {
+              "FakeBehavior::FakeBehavior": Object {
+                "actions": Array [],
+                "conditions": Array [],
+                "description": "A fake behavior with two properties.",
+                "expressions": Array [
+                  Object {
+                    "description": "Some expression returning a number",
+                    "parameters": Array [
+                      Object {
+                        "description": "First parameter (number)",
+                        "type": "number",
+                      },
+                    ],
+                    "type": "SomethingReturningNumberWith1NumberParam",
+                  },
+                  Object {
+                    "description": "Some expression returning a string",
+                    "parameters": Array [
+                      Object {
+                        "description": "First parameter (number)",
+                        "type": "number",
+                      },
+                    ],
+                    "type": "SomethingReturningStringWith1NumberParam",
+                  },
+                ],
+                "fullName": "Fake behavior with two properties",
+                "name": "FakeBehavior::FakeBehavior",
+              },
+            },
+            "description": "A fake extension with a fake behavior containing 2 properties.",
+            "extensionFullName": "Fake extension with a fake behavior",
+            "extensionName": "FakeBehavior",
+            "freeActions": Array [],
+            "freeConditions": Array [],
+            "freeExpressions": Array [],
+            "objects": Object {},
+          },
+        ],
+      }
+    `);
+
+    project.delete();
+  });
+});

newIDE/app/src/EffectsList/index.js

@@ -42,7 +42,8 @@ import Text from '../UI/Text';
 import GDevelopThemeContext from '../UI/Theme/GDevelopThemeContext';
 import ThreeDotsMenu from '../UI/CustomSvgIcons/ThreeDotsMenu';
 import Add from '../UI/CustomSvgIcons/Add';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsBasedBehaviorEditor/EventsBasedBehaviorPropertiesEditor.js

@@ -28,7 +28,8 @@ import GDevelopThemeContext from '../UI/Theme/GDevelopThemeContext';
 import DropIndicator from '../UI/SortableVirtualizedItemList/DropIndicator';
 import { makeDragSourceAndDropTarget } from '../UI/DragAndDrop/DragSourceAndDropTarget';
 import useForceUpdate from '../Utils/UseForceUpdate';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsBasedObjectEditor/EventsBasedObjectPropertiesEditor.js

@@ -27,7 +27,8 @@ import GDevelopThemeContext from '../UI/Theme/GDevelopThemeContext';
 import DropIndicator from '../UI/SortableVirtualizedItemList/DropIndicator';
 import { makeDragSourceAndDropTarget } from '../UI/DragAndDrop/DragSourceAndDropTarget';
 import useForceUpdate from '../Utils/UseForceUpdate';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsFunctionsExtensionEditor/EventsFunctionConfigurationEditor/EventsFunctionParametersEditor.js

@@ -29,7 +29,8 @@ import { DragHandleIcon } from '../../UI/DragHandle';
 import GDevelopThemeContext from '../../UI/Theme/GDevelopThemeContext';
 import DropIndicator from '../../UI/SortableVirtualizedItemList/DropIndicator';
 import { makeDragSourceAndDropTarget } from '../../UI/DragAndDrop/DragSourceAndDropTarget';
-import Clipboard, { SafeExtractor } from '../../Utils/Clipboard';
+import Clipboard from '../../Utils/Clipboard';
+import { SafeExtractor } from '../../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsFunctionsList/EventsBasedBehaviorTreeViewItemContent.js

@@ -5,7 +5,8 @@ import { Trans } from '@lingui/macro';
 
 import * as React from 'react';
 import newNameGenerator from '../Utils/NewNameGenerator';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsFunctionsList/EventsBasedObjectTreeViewItemContent.js

@@ -5,7 +5,8 @@ import { Trans } from '@lingui/macro';
 
 import * as React from 'react';
 import newNameGenerator from '../Utils/NewNameGenerator';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsFunctionsList/EventsFunctionTreeViewItemContent.js

@@ -5,7 +5,8 @@ import { Trans } from '@lingui/macro';
 
 import * as React from 'react';
 import newNameGenerator from '../Utils/NewNameGenerator';
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   serializeToJSObject,
   unserializeFromJSObject,

newIDE/app/src/EventsSheet/ClipboardKind.js

@@ -1,5 +1,6 @@
 // @flow
-import Clipboard, { SafeExtractor } from '../Utils/Clipboard';
+import Clipboard from '../Utils/Clipboard';
+import { SafeExtractor } from '../Utils/SafeExtractor';
 import {
   type SelectionState,
   getSelectedEvents,

newIDE/app/src/EventsSheet/EventsTree/ConditionsActionsColumns.js

@@ -67,13 +67,15 @@ const ConditionsActionsColumns = (props: Props) => {
     );
   }
 
+  const conditionWidth =
+    getConditionWidthRatio(props.eventsSheetWidth) * props.eventsSheetWidth -
+    props.leftIndentWidth;
+
   return (
     <div style={styles.twoColumnsContainer} className={props.className}>
       {props.renderConditionsList({
         style: {
-          width: `${getConditionWidthRatio(props.eventsSheetWidth) *
-            props.eventsSheetWidth -
-            props.leftIndentWidth}px`,
+          width: `${conditionWidth}px`,
         },
         className: conditionsContainer,
       })}