Fix the issues reported on examination

.github/workflows/docker.yaml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - master
+      - distro/*
     tags:
       - v*
   workflow_dispatch:

assets/controllers/challenge_executor_controller.ts

@@ -5,44 +5,65 @@ import { basicSetup, EditorView } from "codemirror";
 
 export default class extends Controller<HTMLElement> {
   static values = {
-    modelName: String,
     editorSelector: String,
+    submitButtonSelector: String,
   };
 
-  declare modelNameValue: string;
   declare editorSelectorValue: string;
+  declare submitButtonSelectorValue: string;
 
-  view: EditorView | undefined;
+  #editorView: EditorView | undefined;
 
   async connect() {
     const component = await getComponent(this.element);
+    const lastQuery = this.element.dataset["lastQuery"];
 
-    const modelName = this.modelNameValue;
-    const editorSelector = this.editorSelectorValue;
-
-    const $editor = this.element.querySelector(editorSelector);
+    const $editor = this.element.querySelector(this.editorSelectorValue);
     if (!$editor) {
-      throw new Error(`Element not found: ${editorSelector}`);
+      throw new Error(`Element not found: ${this.editorSelectorValue}`);
     }
 
-    const lastQuery = this.element.dataset["lastQuery"];
+    const $submitButton = this.element.querySelector(this.submitButtonSelectorValue);
+    if (!$submitButton || !($submitButton instanceof HTMLButtonElement)) {
+      throw new Error(`Element not found or not a button: ${this.submitButtonSelectorValue}`);
+    }
 
-    this.view = new EditorView({
+    // Create the code editor with the last query.
+    const editorView = new EditorView({
       doc: lastQuery,
       extensions: [
         basicSetup,
         sql(),
-        EditorView.updateListener.of((update) => {
-          component.set(modelName, update.state.doc.toString(), true, true);
+        EditorView.updateListener.of(() => {
+          const doc = editorView.state.doc.toString();
+
+          if (doc.trim() === "" || doc === lastQuery) {
+            // Disable the button if the user does not query something new.
+            $submitButton.disabled = true;
+          } else {
+            // Enable the button if the user types something.
+            $submitButton.disabled = false;
+          }
         }),
       ],
       parent: $editor,
     });
+    this.#editorView = editorView;
+
+    // If the user presses the submit button, we'll send the query to the server.
+    $submitButton.addEventListener("click", async () => {
+      const query = editorView.state.doc.toString();
+
+      console.debug("Executing query", { query });
+      await component.action("execute", {
+        query,
+      });
+    });
   }
 
   disconnect() {
     super.disconnect();
 
-    this.view?.destroy();
+    this.#editorView?.destroy();
   }
 }

composer.json

@@ -3,7 +3,7 @@
   "description": "The web application of Database Playground.",
   "type": "project",
   "license": "AGPL-3.0-or-later",
-  "minimum-stability": "beta",
+  "minimum-stability": "dev",
   "prefer-stable": false,
   "require": {
     "php": ">=8.3",
@@ -23,6 +23,7 @@
     "nyholm/psr7": "dev-master",
     "openai-php/client": "dev-main",
     "oro/doctrine-extensions": "dev-master",
+    "phpdocumentor/reflection-docblock": "^5.5",
     "runtime/frankenphp-symfony": "dev-main",
     "sensiolabs/typescript-bundle": "dev-main",
     "symfony/asset": "7.2.*",
@@ -62,7 +63,7 @@
     "twig/extra-bundle": "3.*",
     "twig/markdown-extra": "3.*",
     "twig/string-extra": "3.*",
-    "twig/twig": "3.*"
+    "twig/twig": "3.14.*"
   },
   "config": {
     "allow-plugins": {